skills.rest
sajalsuhane
sajalsuhaneCOMMUNITY
Explore all skills by this author →
Website𝕏@SajalSuhane1998GitHub

design-consultation

Document a complete design system in DESIGN.md with typography, color, spacing, and motion.

Updated Dec 22, 2019
Search Tags:#typography#branding#layout#color#design-system#motion#design-consultation
One-click install
npx skills add https://github.com/sajalsuhane/sajalsuhane.github.io --skill design-consultation-sajalsuhane
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/sajalsuhane/sajalsuhane.github.io/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/sajalsuhane/sajalsuhane.github.io --skill design-consultation-sajalsuhane

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Product teams often struggle to articulate and implement cohesive design systems. This Skill researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates DESIGN.md as the project's design source of truth. For existing sites, use /plan-design-review to infer the system instead.

Core Features & Use Cases

  • Proposes a complete design system (aesthetic, typography, color, layout, spacing, motion)
  • Generates font+color preview pages and the DESIGN.md as the source of truth
  • Supports design governance for new projects or existing sites by inferring guidelines and documenting decisions

Quick Start

Provide your project context and I’ll generate DESIGN.md and a complete design system outline.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document a complete design system for a new product?▼

To document a design system, use the plan-design-review workflow to articulate typography, color, spacing, motion, and branding rules. This generates a DESIGN.md file serving as the single source of truth for your project's design governance.

What is the best way to infer design guidelines for an existing website?▼

The best way to infer design guidelines for an existing site is using the /plan-design-review workflow. This evaluates your current layout and branding to reverse-engineer and document the underlying design system into a structured format.

Can I generate color tokens and font scale previews alongside the design documentation?▼

Yes, you can generate color tokens and font scale previews. The design consultation process produces preview assets for review and outlines specific layout rules, ensuring your design system governance is visually verified before implementation.

What do I need to provide to create a design system that ships?▼

You need to provide your project context. The skill researches the landscape and proposes a complete design system covering aesthetic, typography, color, layout, spacing, and motion, delivering a ready-to-ship DESIGN.md document.

Does this design system documentation process require any external dependencies?▼

No external dependencies are required for this design system documentation process. The plan-design-review workflow operates independently to articulate your typography, color, and motion guidelines into a self-contained DESIGN.md source of truth.

Related Skills

Explore More Design & Creative Skills→
jeisenbackjeisenback

design-consultation

Plan a design system and produce DESIGN.md with a visual preview.

Community
Advanced
drt0927drt0927
5

design-consultation

Generate a DESIGN.md design system with typography, color, layout, and motion guidelines.

Community
Advanced
thejordanleopoldthejordanleopold
4

design-system

Codify design tokens, color, typography, spacing, and motion into a DESIGN.md deliverable.

Community
Advanced
singhianand23045singhianand23045

design-consultation

Generate a DESIGN.md design system plan with typography, color, layout, spacing, and motion.

Community
Advanced