skills.rest
chiruu12
chiruu12COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Create complete design systems and output a DESIGN.md file.

1|Updated May 25, 2026
Search Tags:#design system#brand guidelines#design documentation#aesthetic creation#system inference
One-click install
npx skills add https://github.com/chiruu12/nudge --skill design-consultation-chiruu12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/chiruu12/nudge/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/chiruu12/nudge --skill design-consultation-chiruu12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Design-consultation skill addresses the need for creating comprehensive design systems from scratch or based on existing sites.

Core Features & Use Cases

  • Design System Creation: Generate aesthetic, typography, color, layout, spacing, and motion design components.
  • Preview Pages: Create font and color preview pages for design consistency.
  • Design Documentation: Outputs a DESIGN.md file as the design system's source of truth.
  • Existing Site Analysis: Analyze existing sites and infer a design system.
  • Use Case: Start a new project with no existing design system by running the skill. For an existing site, use /plan-design-review to infer the system.

Quick Start

To get started, invoke the design-consultation skill and follow the prompted steps to begin designing your system.

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

To create a design system from scratch, invoke the skill to generate aesthetic, typography, color, layout, and motion components, outputting a DESIGN.md file as the source of truth.

What is design system inference and when do I need it for existing sites?▼

Design system inference analyzes an existing site to extract its underlying design rules. Use it when you have an undocumented site and need to generate formal brand guidelines.

How do I generate brand guidelines and design documentation for web projects?▼

Generate brand guidelines and design documentation by triggering the skill with design system keywords, which creates font and color preview pages alongside a central DESIGN.md file.

Can I analyze existing product landscapes to infer typography and color components?▼

Yes, you can analyze existing product landscapes by running the design review command, allowing the skill to infer typography, color, and layout components from the current site.

What do I need to start building aesthetic creation rules without an existing design system?▼

No existing design system is needed to start aesthetic creation. Simply invoke the skill in your project environment and follow the prompted steps to begin generating design components.

Does the generated design documentation include preview pages for visual consistency?▼

Yes, the design documentation includes dedicated font and color preview pages, ensuring visual consistency across the generated aesthetic creation and layout components.

Related Skills

Explore More Design & Creative Skills→
nuurpronuurpro
1

design-consultation

Create a design system and DESIGN.md with typography, color, layout, spacing, and motion.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
HemanthTennetiHemanthTenneti

normalize

Normalize frontend UI components to match design system standards and tokens.

Community
Intermediate
kk20300113-pngkk20300113-png

design-consultation

Generate a complete design system and DESIGN.md for new web and mobile applications.

Community
Advanced