skills.rest
sanjanb
sanjanbCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generates a complete design system and DESIGN.md source of truth for projects.

1|Updated Jul 23, 2026
Search Tags:#typography#design system#color palette#brand guidelines#ui design#design.md#gstack
One-click install
npx skills add https://github.com/sanjanb/my-agent-harness --skill design-consultation-sanjanb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/sanjanb/my-agent-harness/tree/main/skills/gstack-design-consultation
Command: npx skills add https://github.com/sanjanb/my-agent-harness --skill design-consultation-sanjanb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without an established design system leads to inconsistent aesthetics, ad-hoc typography, and scattered color choices. This Skill researches your product and landscape, then produces a complete design system captured in a DESIGN.md file that serves as the project's design source of truth. ## Core Features & Use Cases - Design System Generation: Proposes a full system covering aesthetic direction, typography, color, layout, spacing, and motion. - Preview Pages: Generates font and color preview pages so you can evaluate choices visually before committing. - DESIGN.md Output: Writes a DESIGN.md file as the canonical design reference for the project. - Use Case: When kicking off a new web product with no brand guidelines, invoke this Skill to research the competitive landscape and produce a coherent design system with preview pages, rather than improvising styles component by component. For existing sites, use /plan-design-review to infer the system instead. ## Quick Start Ask the agent to create a design system and DESIGN.md for your new project, and it will research the landscape and propose typography, color, and layout with preview pages.

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?▼

Invoke the design-consultation skill, which researches your product and competitive landscape, then proposes a complete system covering aesthetic, typography, color, layout, spacing, and motion. It writes the result to DESIGN.md as your project's design source of truth.

What is DESIGN.md and how is it used?▼

DESIGN.md is a markdown file generated by this skill that acts as the canonical design reference for a project. It records the chosen typography, color palette, spacing, and motion rules so subsequent UI work stays consistent.

Can I generate a design system for an existing website?▼

For existing sites, use /plan-design-review instead, which infers the design system from the current implementation. The design-consultation skill is intended for new projects with no existing design system or DESIGN.md.

Does the design consultation include visual previews?▼

Yes, the skill generates font and color preview pages so you can evaluate proposed typography and palette choices visually before committing them to DESIGN.md.

When should I not use the design-consultation skill?▼

Skip it when the project already has a DESIGN.md or established brand guidelines, since the skill is designed for greenfield UI work. It also requires the gstack runtime environment, so it will not function as a standalone script outside that setup.

Related Skills

Explore More Design & Creative Skills→
cvenwucvenwu

brainstorming

Facilitate structured brainstorming to convert ideas into design-ready concepts.

Community
Advanced
binfen1binfen1

design-style

Apply brand design systems to UI projects by reading DESIGN.md guidelines.

Community
Intermediate
KuassKuass
1

design-system-audit

Audit design systems for consistency and generate structured JSON design tokens.

Community
Intermediate
PriyanshKuniyalPriyanshKuniyal

design-system-patterns

Define atomic design tokens, theming infrastructure, and reusable component libraries for UI workflows.

Community
Advanced