Standardizes UI design across HTML, CSS, React, and other modern frameworks.
npx skills add https://github.com/arkcle83/crewdeck --skill design-guide-arkcle83
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/arkcle83/crewdeck/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/arkcle83/crewdeck --skill design-guide-arkcle83
Inconsistent UI design across projects wastes time and leads to uneven user experiences; this guide codifies principles to create cohesive, accessible interfaces.
Apply these guidelines to your next UI component or page to ensure a clean, accessible, and consistent design.
High-intent search queries and answers about installing and using this skill.
To create consistent UI spacing and typography, apply a standardized design guide using an 8px spacing system and defined typography hierarchy. This ensures cohesive layouts, accessible color contrast, and reusable component patterns across HTML, CSS, and frameworks.
The best way to design accessible interfaces is by following codified design principles that enforce accessible color contrast standards. Applying these guidelines to components like buttons and forms ensures your UI meets accessibility requirements while maintaining visual hierarchy.
Yes, you can apply these UI design guidelines to React, Vue, and Svelte projects. The guide standardizes layout, color, typography, and spacing systems across modern frameworks to reduce inconsistency and inefficiency in frontend development.
To build reusable component patterns, follow a codified design guide that defines concise principles for cards, buttons, forms, and navigation. This standardizes interactive components and ensures consistent styling across your dashboard or application.
Inconsistent UI design happens when projects lack codified design principles, leading to uneven user experiences and wasted time. You fix it by applying a standardized guide that enforces a scalable spacing system, typography hierarchy, and accessible color choices.
nicolas-deyrosGenerate Tailwind CSS patterns for responsive layouts, typography, and dark mode.
skycruzerApply consistent UI design guidelines across SwiftUI, Android, and web interfaces.
89jobrienCreate feature design specs and Architecture Decision Records for system architecture documentation.
AI-Foundry-CoreStandardizes UI component patterns across React, Vue, and Svelte for design systems.
