skills.rest
WillNigri
WillNigriCOMMUNITY
Explore all skills by this author →
𝕏@willnigriGitHub

design-consultation

Parse product context and generate a structured DESIGN.md design-system blueprint.

33|6|Updated Mar 17, 2026
Search Tags:#typography#design#branding#color#design-system#motion#design-consultation
One-click install
npx skills add https://github.com/WillNigri/Agentic-Tool-Optimization --skill design-consultation-willnigri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/WillNigri/Agentic-Tool-Optimization/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/WillNigri/Agentic-Tool-Optimization --skill design-consultation-willnigri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps product and design teams define a coherent design system and generate a ready-to-use DESIGN.md by extracting product context, then researching and translating it into a consistent visual language.

Core Features & Use Cases

  • Product-context driven blueprint: Understands goals, audience, and constraints to propose a complete design-system blueprint.
  • Research-assisted guidance: Recommends aesthetic direction, typography, color, spacing, and motion aligned with brand needs.
  • Design artifact generation: Produces a DESIGN.md that documents system rules and serves as a reference for implementation.

Quick Start

Describe your product context and I will generate a complete design system proposal and a ready 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 generate a design system blueprint from product context?▼

A DESIGN.md serves as a ready-to-use reference document that codifies system rules for visual language, typography, color, spacing, and motion. It is essential for maintaining design consistency across web apps, dashboards, and marketing sites.

Can I create branding and typography rules for a web app dashboard?▼

To generate a design system blueprint, provide your product context including goals, audience, and constraints. The system parses this input to produce a structured DESIGN.md documenting visual language, typography, color, spacing, and motion rules.

What's the best way to document design decisions for a new marketing site?▼

A DESIGN.md serves as a ready-to-use reference document that codifies system rules for visual language, typography, color, spacing, and motion. It is essential for maintaining design consistency across web apps, dashboards, and marketing sites.

Does motion design need to be included in a design system documentation?▼

Yes, you can create branding and typography rules for a web app dashboard by supplying the product domain and brand constraints. The system adapts aesthetic direction, color, and spacing to generate a matching design system proposal.

How do I start building a design system without existing design components?▼

To generate a design system blueprint, provide your product context including goals, audience, and constraints. The system parses this input to produce a structured DESIGN.md documenting visual language, typography, color, spacing, and motion rules.

Related Skills

Explore More Design & Creative Skills→
coreyhaines31coreyhaines31
43.6k

product-marketing-context

Your SaaS company

Community
Intermediate
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
pistosminpistosmin

design-consultation

Propose a complete design system and generate DESIGN.md as the source of truth.

Community
Advanced
AlfxjxAlfxjx

my-design

Provide UI/UX design guidance for wireframing, prototyping, and visual design.

Community
Intermediate