Enforce consistent UI design with an 8px grid and Tailwind CSS configuration.
npx skills add https://github.com/jeremyspofford/dotfiles --skill design-guide
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/jeremyspofford/dotfiles/tree/main/home/.claude/skills/design-guide Command: npx skills add https://github.com/jeremyspofford/dotfiles --skill design-guide
This Skill eliminates inconsistent, cluttered, or outdated UI designs, and the manual effort required to maintain high design standards across your projects.
Apply the design guide principles to this new user profile card component.
High-intent search queries and answers about installing and using this skill.
Enforce consistent UI design by applying a unified design system across all components, pages, and layouts. This Skill provides Tailwind CSS configuration and component patterns (buttons, cards, forms) that enforce an 8px grid, neutral color palette with single accent, typography hierarchy, and accessible interactive states for brand-wide consistency.
Configure Tailwind CSS to align with minimalist design principles: define an 8px grid for spacing, neutral colors with one accent, typography hierarchy with specified font sizes and weights, subtle shadows, and consistent border radii. This Skill provides a starting Tailwind configuration and component patterns that satisfy these rules out of the box.
Build with mobile-first responsiveness and accessible interactive states by using design system patterns that enforce proper contrast, focus states, and touch targets. This Skill provides Tailwind-based component templates (buttons, forms, cards, modals) pre-configured for accessibility and responsive behavior across all screen sizes.
Yes. This Skill lets you apply design guide principles incrementally—ask the AI to apply the design guide to a specific button, card, or form component and receive Tailwind CSS classes that ensure it's clean, accessible, and consistent with your brand without refactoring existing code.
Yes. This Skill provides Tailwind CSS component patterns and configuration rules that integrate with existing projects. Apply the design guide to new or updated components to maintain consistency across your codebase while working within your current Tailwind setup.
Design inconsistency and manual standards enforcement waste time and fragment user experience. This Skill eliminates that by automating design rule application across all UI components, pages, and layouts, so developers ship clean, on-brand interfaces without repeated manual review.
pascallammersGenerate Tailwind CSS design systems with custom themes and design tokens.
SylphxAIGenerate design system documentation with tokens and WCAG AA accessibility criteria.
Tea-4-LifeNormalize frontend UI features by replacing hard-coded values with design tokens.
chuan-khunaCreate a CSS preset and register it in global styles and ThemeToggle.
