skills.rest
mmunro3318
mmunro3318COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md and font and color preview page for new UI projects.

Updated Aug 23, 2026
Search Tags:#branding#design-system#design-docs#color-palette#design-consultation#font-palette#preview-page
One-click install
npx skills add https://github.com/mmunro3318/3d-render-pipeline --skill design-consultation-mmunro3318
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/mmunro3318/3d-render-pipeline/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/mmunro3318/3d-render-pipeline --skill design-consultation-mmunro3318

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams create a complete, coherent design system and single source of truth (DESIGN.md) for new UI projects, saving time and ensuring consistency from ideation to implementation.

Core Features & Use Cases

  • Research-driven system design: analyzes product context and stakeholder needs to define aesthetic, typography, color, layout, and motion guidelines.
  • DESIGN.md as the design source of truth: generates a living design system document that can be used by designers and engineers.
  • Font and color preview: produces a visual preview page to communicate the system across teams; supports design handoffs and rapid validation.
  • For existing sites, use plan-design-review to infer the design system.

Quick Start

Provide your product context and constraints, and I will generate a DESIGN.md and a live preview page for your new design 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 design system from scratch for a new UI project?▼

To create a design system from scratch, you provide your product context and constraints to generate a DESIGN.md document that defines cohesive typography, color, layout, and motion guidelines as a single source of truth.

What is a DESIGN.md file and why do I need one for my design guidelines?▼

A DESIGN.md file is a living design system document that serves as the single source of truth for your design guidelines, ensuring consistency across teams from ideation to implementation and facilitating smooth design handoffs.

Can I generate a color palette and font preview page for my design system?▼

Yes, you can generate a color palette and font preview page alongside your DESIGN.md to visually communicate the design system across teams and guide implementation through rapid validation.

Does this work for existing websites or only for starting new UI projects?▼

This approach is specifically for starting new UI projects with no existing DESIGN.md. For existing sites, you should use a design review process to infer the design system rather than creating one from scratch.

What do I need to provide to generate design guidelines for my product?▼

You need to provide your product context and stakeholder constraints. The system researches this input to deliver cohesive aesthetic, typography, color, layout, and motion guidelines tailored to your project.

Related Skills

Explore More Design & Creative Skills→
soeiroosoeiroo

design-brief

Create structured design briefs with problem statements, audience, constraints, and success criteria.

Community
Intermediate
zardusai-cyberzardusai-cyber
1

design-system

Analyze CSS patterns to generate design tokens, DESIGN.md, and HTML preview.

Community
Advanced
shhubbhshhubbh
1

design-consultation

Generate a DESIGN.md documenting typography, color palettes, layout, spacing, and motion guidelines.

Community
Advanced
dieu-donneedieu-donnee

spec-miner

Reverse-engineer codebases into formal EARS specification artifacts.

Community
Advanced