Aggregate design-system guidance across domains into cohesive UI recommendations.
npx skills add https://github.com/snqb/my-skills --skill ui-design-snqb
Please help me install this Agent Skill. Skill: ui-design Source: https://github.com/snqb/my-skills/tree/main/ui-design Command: npx skills add https://github.com/snqb/my-skills --skill ui-design-snqb
Centralizes UI design intelligence to produce consistent, scalable design systems across products by indexing styles, colors, typography, and composition principles.
Analyze project UI requirements and request a full design system tailored to the chosen stack.
High-intent search queries and answers about installing and using this skill.
To create a UI design system, you define project requirements and request tailored outputs. The system aggregates style, color, typography, and layout guidance to codify palettes, spacing tokens, and component specs for your specific stack.
Yes, you can generate stack-specific UI component specs for React and Next.js. The system provides implementation guidelines tailored to these frameworks, ensuring design tokens and composition rules align with your chosen stack's conventions.
The best way to scale a design system across web and mobile apps is by centralizing design intelligence. It indexes styles and composition principles to produce cohesive UI recommendations adaptable for marketing pages or mobile environments.
Composition theory applies to UI layout generation by codifying visual hierarchy, rhythm, and spacing. It uses Gestalt principles to ensure readable interfaces and delivers searchable layout rules that maintain consistency across components.
Yes, this UI design system supports Tailwind and shadcn/ui. It provides stack-guided implementation rules for these tools, allowing you to apply generated color palettes and typography tokens directly within your frontend workflow.
UI components look inconsistent across product pages due to fragmented design intelligence. Centralizing styles, color palettes, typography, and spacing tokens into a searchable vault ensures consistent visual hierarchy and composition rules.
tuliopc23Search UI/UX design databases for styles, palettes, typography, and guidelines.
johnnyelwailerConvert Figma designs into React components with token-based styling.
danghungtb26Generate design systems for web and mobile projects across nine technology stacks.
truongnatGenerate design systems with color palettes, typography, and UX guidelines.
