Loading...
Loading...
Found 99 Skills
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.
Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase. Use when user gives a github.com URL and wants a design system or design work rooted in the repo's style.
Design engineering skill for Claude Code that enforces consistent UI patterns through memory, craft principles, and systematic design tokens.
Critique a screen's brand consistency against mood.md, voice.md, and tokens.md.
Connect AI coding agents to Figma designs via MCP to generate code from frames, extract design tokens, use Code Connect, and write directly to the canvas
Use when customizing gluestack-ui themes and design tokens. Covers theme provider setup, design tokens, dark mode, NativeWind integration, and extending themes.
Frontend: Tailwind, CSS-in-JS, design tokens, UI libraries, PWA, accessibility.