Loading...
Loading...
Found 215 Skills
Generate complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode variants. Includes WCAG contrast checking for text accessibility. Use when: setting up design system, creating Tailwind theme, building brand colors from single hex, converting designs to code, checking color accessibility.
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.
Superhuman's UI design system. Use when building interfaces inspired by Superhuman's aesthetic - light mode, Inter font, 4px grid.
Vercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.
Expert Technique CSS. Gardien de la charte graphique et des tokens.
Create and manage project-specific design systems for SaaS applications. Use when starting a new app (CREATE mode), updating an existing design system (MODIFY mode), or building features that need to follow established patterns (WORK WITHIN mode). Outputs to instructions/design-system.md as the single source of truth for all UX/UI decisions.
This skill should be used when the user asks to "create brand identity", "build brand kit", "logo design", "brand guidelines", "visual identity", or mentions branding, design systems, or creative assets. Creates professional brand identity and design systems that establish authority.
Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figma Plugin API documentation
Senior expert in Tailwind CSS 4.0+, CSS-First architecture, and modern Design Systems. Use when configuring themes, migrating from v3, or implementing native container queries.
Persona and expertise framework for a Senior UI/UX Designer specializing in B2B e-commerce floral marketplaces. Use this skill when designing interfaces, creating wireframes, prototypes, or design systems for wholesale flower businesses, floral supply chains, bulk ordering platforms, florist-to-supplier marketplaces, or any B2B floriculture digital product. Triggers include: floral marketplace design, wholesale flower platform UX, B2B floral e-commerce, florist ordering systems, flower supply chain interfaces, bulk floral ordering UI.
UI design team pipeline. Research existing design system, generate design tokens (W3C format), audit quality, and implement code. CSV wave pipeline with GC loop (designer <-> reviewer) and dual-track parallel support.
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.