Loading...
Loading...
Found 116 Skills
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use whenever generating UI components, styling applications, writing copy, or creating user-facing assets.
Use when building React components with Tailwind CSS in this codebase. Covers token usage, tv() patterns, and component structure.
Design system principles, component libraries, typography, color theory, spacing systems, and design tokens
StyleX styling patterns using design tokens, breakpoints, and custom css prop. Use when working with styles, CSS, design tokens, breakpoints, responsive design, themes, styling components, css prop, stylex.create, or when the user mentions StyleX, tokens.stylex, controlSize, color tokens, or breakpoints.
UI Performance, Design Tokens, Reusable Components & Adaptive Design
Usage guidelines for the PIE design system by Just Eat Takeaway. Use when building, modifying, debugging any user-facing web UI, referencing @justeattakeaway/pie-* packages or when the user asks for a UI that should follow JET/PIE design standards.
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same border-radius, colour logic, shadow scale, border style, and spacing rhythm. Inconsistency between them breaks the sense of a coherent product. Use when building or reviewing a component library, design system, or any set of UI components.
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.