Loading...
Loading...
Found 116 Skills
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
Tailwind CSS v4 principles and modern 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.
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic design and tokens.
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.
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
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.