skills.rest
amanik
amanikCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generates a DESIGN.md file with theme tokens, component recipes and layout rules from your product context and goals.

Updated Mar 31, 2026
Search Tags:#typography#ux#design-system#color-palette#design-direction
One-click install
npx skills add https://github.com/amanik/sailor-score-debug --skill design-consultation-amanik
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/amanik/sailor-score-debug/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/amanik/sailor-score-debug --skill design-consultation-amanik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Proactive design guidance that defines a full design system for your product, including typography, color, spacing, motion, and layout, and communicates a single source of truth through a DESIGN.md file.

Core Features & Use Cases

  • Propose a cohesive, end-to-end design system tailored to your product and audience.
  • Generate a DESIGN.md as the design source of truth and provide guided phases (pre-checks, research, directions, and drill-downs) to implement the system.
  • Produce a polished preview of typography, color, and layout decisions to validate feasibility before implementation.

Quick Start

Provide a concise design brief: specify your product context and goals, and I will generate a complete design system proposal and the DESIGN.md artifact.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a complete design system for my product?▼

Create a design system by providing a concise product brief, and the skill generates a complete proposal covering typography, color, spacing, motion, and layout decisions alongside a ready-to-use DESIGN.md file.

What is a DESIGN.md file and how does it help product teams?▼

A DESIGN.md file acts as a single source of truth for your design system, communicating typography, color, spacing, and layout decisions to enable rapid alignment across product teams, design leads, and developers.

Can I use this to generate a color palette and typography for UI design?▼

Yes, you can generate a cohesive color palette and typography system tailored to your product and audience, producing a polished preview to validate feasibility before implementation.

Do I need an existing design direction to start building a design system?▼

No, you do not need an existing design direction; simply provide a concise design brief specifying your product context and goals to generate a complete design system proposal.

What's the best way to align developers and design leads on UI decisions?▼

The best way to align developers and design leads is through a structured workflow that synthesizes research and practical implementation guidance, outputting a ready-to-use DESIGN.md for rapid alignment.

Does this design system workflow support motion and spacing guidelines?▼

Yes, the design system workflow fully supports motion and spacing guidelines, incorporating them into the end-to-end approach alongside typography, color, and layout decisions.

Related Skills

Explore More Design & Creative Skills→
abhishekmmgnabhishekmmgn

design-consultation

Translate product context into a design system proposal with typography, color, spacing, layout, and motion.

Community
Advanced
rkumar261rkumar261
1

design-consultation

Generates a complete system design document with layout, color, and typography specifications.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
aditisharma0204aditisharma0204

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Community
Advanced