design-consultation

Generate a complete design system blueprint with DESIGN.md as the source of truth.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/nhattran998/personal-athlete-agent --skill design-consultation-nhattran998
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/nhattran998/personal-athlete-agent/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/nhattran998/personal-athlete-agent --skill design-consultation-nhattran998

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often struggle to establish and maintain a cohesive design system across products. This Skill analyzes needs, researches the landscape, and delivers a complete design system blueprint plus a DESIGN.md that becomes the project’s single source of truth.

Core Features & Use Cases

  • Research the landscape and propose a complete design system including aesthetic, typography, color, layout, spacing, and motion.
  • Generate font and color preview pages and create DESIGN.md as the design source of truth for the project.
  • For existing sites, infer the system and provide a plan to unify visuals and interactions.

Quick Start

Provide a concise project brief and instruct the AI to generate DESIGN.md and a full design-system proposal.

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 product?▼

To create a complete design system, provide a concise project brief so the AI can research the landscape and generate a DESIGN.md file containing typography, color, layout, spacing, and motion guidelines as your project's single source of truth.

What is the best way to unify branding visuals for an existing site?▼

The best way to unify branding visuals for an existing site is to infer its current design system and generate a comprehensive plan to align typography, color palettes, and motion interactions into a cohesive blueprint.

Can I generate typography and color palette guidelines automatically?▼

Yes, you can automatically generate typography and color palette guidelines by processing a project brief, which produces font and color preview pages alongside a complete design system blueprint for implementation.

Does this design system generator work for both new products and redesigns?▼

Yes, this design system generator works for both new products and redesigns by researching the landscape and proposing a complete aesthetic blueprint, or by inferring existing systems to provide a visual unification plan.

How do I document design guidelines as a single source of truth?▼

You document design guidelines as a single source of truth by generating a DESIGN.md file, which captures your project's typography, color, layout, spacing, and motion rules in an actionable Markdown body.

What do I need to start generating a design system blueprint?▼

You need a concise project brief to start generating a design system blueprint, which the AI uses to research the landscape and output actionable Markdown documentation with optional resource directories.