Loading...
Loading...
Found 225 Skills
Quy định spacing, màu sắc, typography, elevation cố định cho toàn bộ app Flutter, để agent không tự "sáng tạo" giao diện mỗi lần. Dùng skill này bất cứ khi nào sinh hoặc sửa UI/widget, hoặc khi user mô tả cảm tính như "đẹp như Grab", "sang trọng hơn", "trẻ trung hơn".
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.
Implement scalable CSS architecture patterns - BEM, SMACSS, ITCSS, design tokens
Use when working with design tokens, CSS custom properties, and primitive values that form the foundation below atoms. Quarks are the sub-atomic building blocks.
Expert-level Atomic Design System development from Figma style guides. Build reusable component libraries with atoms, molecules, organisms, templates, and pages.
Design Tokens, Reusable Components & Theming Standards
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic design and tokens.
Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility checks for consistent, scalable frontend development.
Best practices for building UI components with shadcn/ui. Use when creating, customizing, or styling components with shadcn, working with Radix UI primitives, implementing design tokens, or following compound component patterns.
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibility, or creating design tokens.