design-consultation

Generates a complete design system proposal and DESIGN.md through research and consultation.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/dhnpmp-tech/project-agent --skill design-consultation-dhnpmp-tech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/dhnpmp-tech/project-agent/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/dhnpmp-tech/project-agent --skill design-consultation-dhnpmp-tech

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without a design system leads to inconsistent, generic-looking interfaces. This Skill acts as a design consultant that researches your product space, proposes a coherent design system (aesthetic, typography, color, layout, spacing, motion), and writes DESIGN.md as your project's design source of truth. ## Core Features & Use Cases - Competitive Design Research: Uses WebSearch and an optional headless browser to analyze what top products in your space are doing visually, then synthesizes findings across tried-and-true patterns, trends, and first-principles reasoning. - Complete Design Proposal: Presents one coherent package covering aesthetic direction, decoration level, layout approach, color palette with hex values, typography with specific font recommendations, spacing, and motion — with a SAFE/RISK breakdown showing where to follow category norms and where to differentiate. - Outside Design Voices: Optionally runs parallel design critiques via Codex and a Claude subagent for independent design direction proposals. - Preview Pages & DESIGN.md: Generates font and color preview pages and writes DESIGN.md as the durable design reference. - Use Case: You're starting a new SaaS dashboard with no brand guidelines. Run this Skill to get a researched, opinionated design system proposal, preview the fonts and colors, and commit DESIGN.md before writing any UI code. ## Quick Start Ask the AI to run /design-consultation to create a design system and DESIGN.md 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 create a design system for a new project?

Run the design-consultation skill, which gathers product context, optionally researches competitors in your space, and proposes a complete system covering aesthetic, typography, color, layout, spacing, and motion. It then writes DESIGN.md as your project's design source of truth.

What is DESIGN.md and how is it generated?

DESIGN.md is a design source-of-truth document generated after you approve the proposed design system. It records the agreed aesthetic direction, fonts, color palette, spacing, and motion choices so all future UI work stays consistent.

Can I use this on a project that already has a design system?

If a DESIGN.md already exists, the skill asks whether you want to update it, start fresh, or cancel. For inferring a design system from an existing site, the documentation points to /plan-design-review instead.

Does the design research work without the browse binary?

Yes. The browse binary enables screenshot-based visual research of competitor sites, but the skill degrades gracefully to WebSearch-only research, and further to built-in design knowledge if WebSearch is unavailable.

Which fonts does the design proposal avoid recommending?

The skill blacklists fonts like Papyrus, Comic Sans, and Lobster, and avoids overused defaults such as Inter, Roboto, Arial, Helvetica, and Poppins as primary choices. It recommends specific alternatives like Satoshi, Instrument Serif, and Geist by role.