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.