skills.rest
GTC6244
GTC6244COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a complete design system and DESIGN.md with font and color previews.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams create a cohesive design system and a single DESIGN.md that serves as the project's design source of truth, saving time and ensuring visual consistency across products.

Core Features & Use Cases

  • Proposes a complete design system including aesthetic, typography, color, layout, spacing, and motion.
  • Generates font and color previews and a DESIGN.md to codify design decisions for existing sites or new projects.
  • When a project lacks a DESIGN.md, suggests a plan and can infer system from /plan-design-review to accelerate alignment.

Quick Start

Ask it to design a complete design system for your project and generate DESIGN.md.

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 design system for an existing website?▼

A design system serves as a project's single source of truth by codifying typography, color, layout, spacing, and motion guidelines into a DESIGN.md file, ensuring visual consistency and saving alignment time across product teams.

What is the best way to document typography and color guidelines for a new project?▼

The best way to document typography and color guidelines is to generate a DESIGN.md alongside font and color preview pages, providing actionable rules ready for immediate integration into your development workflow.

Can I infer a complete design system if my project lacks a DESIGN.md file?▼

Yes, you can infer a complete design system when lacking a DESIGN.md by using the /plan-design-review workflow, which proposes a structured plan and defines your aesthetic, spacing, and motion guidelines to accelerate team alignment.

Does this design consultation workflow support both new projects and existing sites?▼

Yes, this design consultation workflow supports both new projects and existing sites by researching the landscape, defining the complete design system, and outputting font and color previews ready for integration.

What do I need to define when building a complete design system from scratch?▼

When building a design system from scratch, you need to define the aesthetic, typography, color, layout, spacing, and motion parameters, which are then compiled into a single DESIGN.md source of truth.

Related Skills

Explore More Design & Creative Skills→
concept2cureconcept2cure

design-tokens

Generate CSS variable and Tailwind design tokens for light and dark modes.

Community
Advanced
krzemienskikrzemienski
2

design-token-audit

Extract design tokens from DESIGN.md, tailwind.config, and CSS variables to compare against implementation.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
dylantarredylantarre
38

framer

Export design tokens as CSS variables for Framer prototypes.

Community
Advanced