Loading...
Loading...
Found 125 Skills
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.
Frontend: Tailwind, CSS-in-JS, design tokens, UI libraries, PWA, accessibility.
Tailwind CSS v4 principles and modern design tokens.
Expert design systems leadership covering component libraries, design tokens, documentation, and design-development collaboration.
Help users build and scale design systems. Use when someone is creating a component library, establishing design tokens, scaling brand consistency, or deciding when to invest in a design system.
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
Access Figma designs, extract design systems, and retrieve component specifications. Use when implementing UI from Figma mockups, extracting design tokens, or analyzing design files.
Use when customizing gluestack-ui themes and design tokens. Covers theme provider setup, design tokens, dark mode, NativeWind integration, and extending themes.
Establish a naming convention system for design elements, components, and tokens with clear rules and examples.
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.