Design systems agents understand.

Drop-in design skills for your coding agent. No setup, no configuration — just describe what you need and ship production-ready components in seconds.

Skills Leaderboard
/
neo-brutalist-design

Create bold, high-impact Neo-Brutalist web designs and landing pages

neo-brutalist-design

284
2
Kinetic

This Design Skill provides a fuidence to build kinetic design

Kinetic

140
1
Swiss

Swiss minimalist UI with brutalist typography. Use for heavy geometric layouts, "echo" text effects, and monochromatic designs with Clash Display

Swiss

129
0
premium-ui

Produces agency-tier web interfaces that feel physical — haptic depth, cinematic motion, obsessive micro-interactions. Trigger for any UI that must feel expensive: landing pages, SaaS, portfolios, marketing sites. Applies the Double-Bezel architecture, variance engine archetype selection, and spring-physics motion system before writing a single line of code. Blocks the defaults that make AI output look cheap.

premium-ui

116
5
solar-saas-ui

Design system for energetic SaaS and product landing pages — warm white backgrounds, vibrant orange accents, glass-morphism dashboard heroes, and grid-based spatial layouts.

solar-saas-ui

109
4
brutalism-design

Create raw, anti-design web interfaces and design systems inspired by 1950s concrete Brutalist architecture.

brutalism-design

86
1
Obsidian-lime

Futuristic glassmorphism design system fusing dark obsidian surfaces with neon lime accents

Obsidian-lime

85
1
zenith-ui

Design system for warm, human-centered event and wellness sites — soft off-white backgrounds, mint-green accents, rounded dark navigation, and floating decorative elements

zenith-ui

81
0
Paper

Build frontend UI in the Paper design system — a print-inspired, tactile design language with warm off-white surfaces, inked typography, and restrained color use.

Paper

75
2
red-sun-ui

Editorial glassmorphism design system fusing bold coral accents with deep ink-blue foundations

red-sun-ui

71
1
cosmos-ui

Design system for premium dark-themed agency and marketing sites — near-black canvas, animated conic-gradient orbs, red-coral accent, Instrument Serif italic highlights, and infinite marquee carousels. Use this skill whenever the user wants to build a digital marketing agency site, creative studio portfolio, high-end service landing page, or any interface that needs to feel premium, bold, and cosmically distinctive. Trigger on mentions of dark agency sites, marketing agency landing pages, creative studios, or when the user asks for something with animated gradient spheres, dual marquees, or editorial dark aesthetics.

cosmos-ui

69
1
warm-industrial

Industrial-chic UI with warm gray tones and structural grids. Use for editorial layouts, clip-path reveals, stroke text effects, and technical status indicators.

warm-industrial

69
0
brutalist-editorial

A high-contrast, editorial design system for building any website or web UI

brutalist-editorial

65
0
Monoforge

Dark monospace developer tool and code editor landing pages

Monoforge

60
0
Cipher

Dark monospace fintech and dashboard SaaS landing pages — Geist Mono throughout, pure black void, single green accent

Cipher

53
0
luxury-editorial

Build luxury editorial UI components, pages, and interfaces with high-end magazine aesthetics.

luxury-editorial

49
2
Elegant

This design skill provides guidance to build frontends in elegnt style

Elegant

47
3
midnight-editorial-ui

Digital luxury design system fusing brutalist typography with high-end fashion aesthetics

midnight-editorial-ui

45
1
apex-ui

Design system for bold, high-performance marketing sites — gyms, agencies, SaaS, sports brands

apex-ui

42
2
lumina-ui

Design system for dark, editorial SaaS and corporate sites — deep teal backgrounds, soft lavender accents, glass headers, and asymmetric two-column layouts.

lumina-ui

41
0