skills.rest
zz8011
zz8011COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Automates design-system planning and generates a complete DESIGN.md.

Updated Apr 7, 2026
Search Tags:#typography#design#branding#documentation#ui-ux#design-system
One-click install
npx skills add https://github.com/zz8011/harnesstest --skill design-consultation-zz8011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/zz8011/harnesstest/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/zz8011/harnesstest --skill design-consultation-zz8011

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation accelerates the creation of a cohesive design system by understanding your product, researching the landscape, and generating DESIGN.md that serves as your project's design source of truth.

Core Features & Use Cases

  • End-to-end design system proposal: typography, color, layout, motion, and tokens.
  • Generates DESIGN.md as the project’s single source of truth for design decisions.
  • Proactively identifies branding directions and design-system standards for new projects or existing sites.
  • Use case: when asked to "design system", "brand guidelines", or "design system artifacts".

Quick Start

Ask me to scope a complete design system for your project and I will generate DESIGN.md as the design source of truth.

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 a new project?▼

A design system provides a cohesive set of UI components, typography, color tokens, and motion guidelines that ensures visual consistency across an entire product.

What is a DESIGN.md file and why do I need one for my UI-UX workflow?▼

A DESIGN.md file serves as a project's single source of truth for design decisions, documenting branding directions, layout rules, and design-system standards for your UI-UX workflow.

Can I generate brand guidelines and design tokens automatically?▼

Yes, automating design-system planning allows you to generate brand guidelines and design tokens for typography, color, and motion by analyzing product context and researching the landscape.

How do I document typography and color choices for an existing site?▼

Document typography and color choices by consolidating layout rules and branding directions into a single DESIGN.md file, creating a unified reference for existing site design decisions.

Does automated design-system planning work for web and mobile UI?▼

Automated design-system planning supports any UI-UX context by researching the landscape and proposing adaptable layout, typography, and motion standards for your specific product environment.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
karchthokarchtho

ui-ux-design

Provide expert UI/UX design guidance for frontend frameworks and design systems.

Community
Intermediate
motionharvestmotionharvest
2

visual-identity

Define brand personality, typography, color tokens, and motion vocabulary for web projects.

Community
Advanced
thongpham95thongpham95

vibe-builder

Automate end-to-end application creation from raw ideas with human-review checkpoints.

Community
Advanced