skills.rest
npc-chris
npc-chrisCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generates a comprehensive design system and outputs a DESIGN.md file.

1|Updated May 8, 2026
Search Tags:#typography#layout#design system#design documentation#color system#motion design
One-click install
npx skills add https://github.com/npc-chris/dfn-discovery --skill design-consultation-npc-chris
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/npc-chris/dfn-discovery/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/npc-chris/dfn-discovery --skill design-consultation-npc-chris

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps designers create a complete design system for their projects, including aesthetic, typography, color, layout, spacing, and motion, while also generating a DESIGN.md file as the project's design source of truth.

Core Features & Use Cases

  • Design System Creation: Automatically generates a design system based on the project's needs.
  • Design System Documentation: Outputs a DESIGN.md file that serves as the project's design source of truth.
  • Use Case: When starting a new project with no existing design system, use this Skill to propose a complete design system and document it.

Quick Start

Run the design-consultation skill to generate a design system for your project.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a comprehensive design system for a new project?▼

A design system provides a centralized source of truth for typography, color, layout, spacing, and motion. You need it when starting a new project with no existing design documentation to ensure visual consistency across the development lifecycle.

Can I document typography and color systems into a single design file?▼

Yes, you can create design documentation by running this Skill, which uses Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, and WebSearch. It automatically generates a DESIGN.md file capturing your project's complete design system without manual formatting.

Does this design system generator work with existing project files?▼

Yes, this design documentation approach differs from manual templates by using WebSearch and AskUserQuestion to propose a complete aesthetic, typography, color, layout, spacing, and motion system tailored to your project, outputting a comprehensive DESIGN.md file.

What are the limitations of automated design documentation generation?▼

The limitation of automated design documentation is that it proposes a complete design system based on initial project analysis but requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, and WebSearch dependencies, meaning it cannot function in environments lacking these tools.

Related Skills

Explore More Design & Creative Skills→
grad13grad13

setup-dirs

Initialize and synchronize project directory structures with CLAUDE.md files.

Community
Basic
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
ziguishianziguishian
28

premium-ui-builder-skill

Plan premium UI design workflows into structured UI plans and Codex-ready implementation prompts.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced