skills.rest
FxHollow
FxHollowCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Propose a complete design system and generate DESIGN.md.

Updated Mar 26, 2026
Search Tags:#typography#design#branding#layout#color#design-system#motion
One-click install
npx skills add https://github.com/FxHollow/100000mrr-landing --skill design-consultation-fxhollow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/FxHollow/100000mrr-landing/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/FxHollow/100000mrr-landing --skill design-consultation-fxhollow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams understand their product, research the landscape, and propose a complete, coherent design system (aesthetic, typography, color, layout, spacing, and motion). It also generates DESIGN.md as the project's design source of truth. When there is an existing site, use /plan-design-review to infer the system instead.

Core Features & Use Cases

  • Understands the product and user needs to craft a unified visual language.
  • Proposes an end-to-end design system including typography, color, spacing, layout, and motion.
  • Generates DESIGN.md to serve as the single source of truth for your design system.
  • Use when asked to "design system", "brand guidelines", or "create DESIGN.md".

Quick Start

Provide a project brief and I will generate a complete 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 complete design system for a new web project?▼

A design system ensures cohesive visual language across product interfaces by standardizing typography, color, spacing, and motion. It serves as a centralized reference document to maintain UI consistency across teams and features.

How do I generate a DESIGN.md file for my existing site's brand guidelines?▼

To generate a DESIGN.md for an existing site, use the design review process to infer the current visual system. This analyzes your existing layout, typography, and color choices to formalize them into a structured source of truth.

Can I use a design system consultation to establish typography and color palettes for my brand?▼

Yes, design system consultation proposes an end-to-end visual language including typography and color palettes. It researches your product landscape to deliver cohesive brand guidelines tailored to your user needs.

What do I need to provide to get a complete design system and layout guidelines?▼

You need to provide a project brief detailing your product and user needs. This input allows the consultation to research your landscape and propose a complete design system covering aesthetics, layout, and motion.

When should I use an inferred design review instead of generating a new design system?▼

You should use an inferred design review when you have an existing site and need to formalize its current visual language. Generating a new design system is better suited for new projects lacking an established aesthetic or layout.

Related Skills

Explore More Design & Creative Skills→
ovachieverovachiever
52

ui-design-system

Generate design tokens from brand colors in JSON, CSS, or SCSS.

Community
Advanced
marduk191marduk191
9

frontend-design

Design and implement production-grade frontend interfaces with HTML/CSS/JS or React and Vue components.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
gaaschkgaaschk

design-consultation

Propose a complete design system and generate a DESIGN.md source of truth.

Community
Advanced