skills.rest
pcaokhai
pcaokhaiCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md file with UI design proposals from a product brief.

Updated Mar 24, 2026
Search Tags:#typography#ui-design#design-system#color-palette#design-proposal#preview-page
One-click install
npx skills add https://github.com/pcaokhai/gradion-response-report-api --skill design-consultation-pcaokhai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/pcaokhai/gradion-response-report-api/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/pcaokhai/gradion-response-report-api --skill design-consultation-pcaokhai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create a complete, coherent design system and a DESIGN.md from a product brief to guide UI decisions.

Core Features & Use Cases

  • Generates aesthetic direction, typography, color, spacing, layout, and motion proposals.
  • Creates DESIGN.md as the project’s source of truth and CLAUDE.md with design decisions and rationales.
  • Works for new products and redesigns across web apps, dashboards, admin interfaces, and marketing sites.

Quick Start

Tell me about your project and I will craft a complete design system and generate a DESIGN.md with a preview page.

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 a product brief?▼

To create a design system from a product brief, provide project details to generate typography, color palettes, spacing, layout, and motion proposals, which output a comprehensive DESIGN.md and a preview page.

Can I generate a design system for an existing web dashboard redesign?▼

Yes, you can generate a design system for an existing web dashboard redesign. The tool works for new products and redesigns across web apps, admin interfaces, and marketing sites to guide UI decisions.

What is included in a generated design proposal for a UI project?▼

A generated design proposal for a UI project includes typography, color palettes, spacing rules, layout structures, and motion proposals, alongside a font and color preview page for visual verification.

How do design systems document UI decisions and rationales for development?▼

Design systems document UI decisions and rationales by generating a DESIGN.md file as the project's source of truth and a CLAUDE.md file containing specific design decisions and explanations for user review.

Do I need existing components or dependencies to generate a color palette and typography system?▼

No, you do not need existing components or dependencies to generate a color palette and typography system. It relies on a frontmatter entry point and operates independently to produce design proposals.

Related Skills

Explore More Design & Creative Skills→
vincehvinceh
1

ux-creator

Translate requirements into UX flows, information architectures, and interaction patterns.

Community
Intermediate
saajunaidsaajunaid

high-end-visual-design

Generates Moodle LMS and/or standalone HTML5/JS code from natural language prompts and/or structured inputs, producing a self-contained zip file for download.

Community
Advanced
txema-puchtxema-puch
1

design-consultation

Generate a complete product design system and DESIGN.md design truth source.

Community
Advanced
ibalasiteibalasite

design-consultation

Generate a complete design system and DESIGN.md from a product brief.

Community
Advanced