Guide frontend UI component creation with design tokens and composition patterns.
npx skills add https://github.com/felipeotarola/CEO --skill design-guide-felipeotarola
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/felipeotarola/CEO/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/felipeotarola/CEO --skill design-guide-felipeotarola
This Skill provides a comprehensive guide to Paperclip's UI design system, ensuring consistency, reusability, and adherence to design principles across all frontend development.
EntityRow and StatusBadge usage, ensuring it matches the existing UI's look and feel.Use the design-guide skill to understand how to create a new button component.
High-intent search queries and answers about installing and using this skill.
To build consistent React UI components, follow a design system guide covering design principles, composition patterns, and component hierarchy to ensure reusability and a cohesive user interface across your frontend application.
Design tokens are semantic variables for colors, typography, and spacing. They work by standardizing styling decisions across UI components, ensuring visual consistency and easier maintenance when using tools like Tailwind.
Composition patterns provide standard ways to combine UI components for common elements like data tables. You use established component hierarchies, such as combining EntityRow and StatusBadge, to match the existing interface look and feel.
Yes, this UI design guide works with Tailwind and React. It provides a tech stack overview and component creation guidelines specifically designed to maintain a cohesive professional user interface within these frontend frameworks.
The best way to implement a status system is to use semantic design tokens and standard composition patterns. This ensures status indicators like StatusBadge components remain visually consistent across all application features.
You need a design system guide to solve the problem of inconsistent frontend UI. It provides comprehensive rules for design tokens, typography, and component hierarchy, ensuring reusability and adherence to established design principles.
Mischio95Set up shadcn/ui components and forms with React Hook Form and Zod.
Hey-ViswaImplement Uber design-system patterns with tokens and layout rules for React/Next.js projects.
ACHVMRProvide reusable UI patterns and templates for SmelterOS frontend development.
hashintelProvide headless React primitives for accessible, customizable UI components.