skills.rest
cattboy
cattboyCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Transforms a product brief into a complete design system and brand guidelines with DESIGN.md output.

1|Updated Mar 13, 2026
Search Tags:#typography#design#branding#ui-design#design-system#color-palette
One-click install
npx skills add https://github.com/cattboy/lil_bro --skill design-consultation-cattboy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/cattboy/lil_bro/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/cattboy/lil_bro --skill design-consultation-cattboy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bash, websearch, read, write, edit, glob, grep, AskUserQuestion.

What problem does it solve?

Translating product concepts into cohesive design systems and brand guidelines can be manual, inconsistent, and slow. This skill understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages, with DESIGN.md as your project's single source of truth. For existing sites, use /plan-design-review to infer the system instead. Proactively suggests design directions when starting a new project's UI with no existing DESIGN.md. (gstack)

Core Features & Use Cases

  • Understands product context and conducts landscape research to craft a holistic design system.
  • Proposes typography, color palettes, layout rules, spacing, and motion guidelines; generates font and color previews.
  • Creates DESIGN.md as the design source of truth and can infer an existing system via plan-design-review.

Quick Start

Provide your project brief and I will generate a complete design system and a DESIGN.md with typography, color, and layout previews.

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

Yes, you can infer an existing design system from a current website using the plan-design-review command. This analyzes your existing UI to reverse-engineer typography, color palettes, and layout rules into a consolidated DESIGN.md source of truth.

What is included in a generated DESIGN.md file?▼

Yes, you can infer an existing design system from a current website using the plan-design-review command. This analyzes your existing UI to reverse-engineer typography, color palettes, and layout rules into a consolidated DESIGN.md source of truth.

How do I create brand guidelines and typography rules for a new project?▼

Yes, you can infer an existing design system from a current website using the plan-design-review command. This analyzes your existing UI to reverse-engineer typography, color palettes, and layout rules into a consolidated DESIGN.md source of truth.

Can I infer an existing design system from my current website?▼

Yes, you can infer an existing design system from a current website using the plan-design-review command. This analyzes your existing UI to reverse-engineer typography, color palettes, and layout rules into a consolidated DESIGN.md source of truth.

What do I need to provide to generate color palettes and layout rules?▼

Yes, you can infer an existing design system from a current website using the plan-design-review command. This analyzes your existing UI to reverse-engineer typography, color palettes, and layout rules into a consolidated DESIGN.md source of truth.

Related Skills

Explore More Design & Creative Skills→
antriksh-29antriksh-29

design-consultation

Generates a complete design system and DESIGN.md with preview from product context and landscape research.

Community
Advanced
tropekstropeks

design-consultation

Propose and document a complete design system in a DESIGN.md file.

Community
Advanced
89jobrien89jobrien
4

design-docs

Create feature design specs and Architecture Decision Records for system architecture documentation.

Community
Advanced
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced