skills.rest
mgher668
mgher668COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Plan and generate a design system with a DESIGN.md source of truth.

Updated Apr 13, 2026
Search Tags:#typography#design-system#design-docs#color-palette#ui-architecture#design-consultation
One-click install
npx skills add https://github.com/mgher668/surf-ai --skill design-consultation-mgher668
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/mgher668/surf-ai/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/mgher668/surf-ai --skill design-consultation-mgher668

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to achieve visual consistency across products. This skill helps you define a complete, scalable design system—covering typography, color, spacing, layout, and motion—and generates a DESIGN.md that serves as your project's source of truth.

Core Features & Use Cases

  • Complete design system framework covering typography, color, spacing, layout, motion, and accessibility.
  • DESIGN.md generation and living reference to codify decisions and guide implementation.
  • For existing sites, use /plan-design-review to infer the system and plan design upgrades.

Quick Start

Ask the AI to generate DESIGN.md and a full design system 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 scalable design system for my product?▼

A design system scales your product by defining typography, color, spacing, layout, and motion rules. This skill researches your product landscape and user needs to plan a complete, coherent system and generates a DESIGN.md as the source of truth.

What is the best way to document UI architecture and design decisions?▼

Documenting UI architecture is best handled by generating a DESIGN.md file. It codifies your typography, color palette, and motion decisions into a living reference that guides implementation and serves as your project's source of truth.

Can I infer and upgrade the design system of an existing site?▼

Yes, you can infer and upgrade an existing site's design system by running a design review. This process reverse-engineers your current UI architecture and produces an actionable plan for design upgrades and rollout.

Does this design consultation approach cover accessibility and motion?▼

Yes, this design consultation approach covers accessibility and motion alongside typography, color, spacing, and layout. It coordinates research and design decisions to ensure your complete design system framework is comprehensive and coherent.

How do I plan a design rollout without breaking existing components?▼

Planning a design rollout without breaking components requires a source of truth like DESIGN.md. This skill generates an actionable rollout plan that coordinates design upgrades systematically, ensuring visual consistency across your product.

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
I194I194
9

design-consultation

Generate design tokens and a DESIGN.md for product design systems.

Community
Advanced
ChildoftheVibeChildoftheVibe

minimalist-ui

Generate CSS tokens and layout rules for minimalist bento-grid UI systems.

Community
Advanced
guideopsguideops

premium

Creates Apple-inspired design systems with typography, color palette, and spacing scales.

Community
Advanced