skills.rest
sgueye00
sgueye00COMMUNITY
Explore all skills by this author →
GitHub

design-guide

Provides UI design guidelines covering colors, typography spacing shadows and interactive states.

Updated Aug 23, 2026
Search Tags:#consistency#frontend#UI/UX#design system#styling#component library#Tailwind CSS
One-click install
npx skills add https://github.com/sgueye00/andmoov --skill design-guide-sgueye00
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-guide
Source: https://github.com/sgueye00/andmoov/tree/main/.claude/skills/design-guide
Command: npx skills add https://github.com/sgueye00/andmoov --skill design-guide-sgueye00

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? This Skill eliminates inconsistent, unprofessional, or time-consuming UI design. Developers often struggle to maintain a cohesive design language, leading to fragmented user experiences and wasted time on design reviews.

Core Features & Use Cases:

  • Enforces Modern Design Principles: Guides you to create clean, minimal, and consistent user interfaces.
  • Detailed Style Guidelines: Provides specific rules for color palettes, typography, spacing (8px grid), shadows, and interactive component states.
  • Use Case: When building any UI component (buttons, forms, cards, layouts, navigation), this Skill ensures adherence to a unified design system, reducing design debt and speeding up development.

Quick Start: Apply the design-guide skill to ensure the new user profile page adheres to all modern UI principles.