skills.rest
howdeploy
howdeployCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

15|1|Updated Apr 4, 2026
Search Tags:#typography#branding#color#ui-ux#design-system#design-docs#design-consultation
One-click install
npx skills add https://github.com/howdeploy/NekoFree --skill design-consultation-howdeploy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/howdeploy/NekoFree/tree/main/skills/design-consultation
Command: npx skills add https://github.com/howdeploy/NekoFree --skill design-consultation-howdeploy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to align on a cohesive visual language and governance. This skill analyzes a product context, researches the landscape, and proposes a complete design system that covers typography, color, spacing, layout, and motion, then generates DESIGN.md as the project’s design source of truth. It also supports existing sites via a plan-design-review workflow and is invoked when asked to create brand guidelines or a design system.

Core Features & Use Cases

  • Proposes a complete design system including typography, color tokens, spacing, layout tokens, motion guidelines, and tokens for consistency.
  • Generates DESIGN.md as the single source of truth for a project's design system.
  • Supports planning reviews for existing sites with a plan-design-review workflow to infer or evolve the system.
  • Proactively suggests design-system direction at project start when no DESIGN.md exists.

Quick Start

Describe your product constraints and I will draft a complete design system and generate DESIGN.md.

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 from scratch for a new product?▼

To create a design system, describe your product constraints to generate a complete framework covering typography, color tokens, spacing, layout, and motion guidelines, then output a DESIGN.md file as the single source of truth to guide implementation.

What is a DESIGN.md file used for in UI UX development?▼

A DESIGN.md file acts as the single source of truth for a project's design system, documenting branding, typography, color, spacing, and motion guidelines to align development teams on a cohesive visual language and governance.

Can I update brand guidelines for an existing website?▼

Yes, you can update brand guidelines for an existing site using a plan-design-review workflow that infers or evolves your current visual language, proposing updated design tokens and UI polish to establish consistency.

Do I need an existing design system to generate typography and color tokens?▼

No, you do not need an existing system. The tool proactively suggests a complete design system direction, including typography and color tokens, at project start when no DESIGN.md currently exists.

What is the best way to document spacing and motion guidelines for UI polish?▼

The best way to document spacing and motion guidelines is to generate a comprehensive DESIGN.md file that defines these layout tokens and motion rules, ensuring consistent UI polish and visual governance across the product.

Related Skills

Explore More Design & Creative Skills→
SakshamKandelSakshamKandel

design-consultation

Propose an end-to-end design system with tokens, documentation, and a live preview.

Community
Advanced
lintendolintendo
152

design-md

Analyze Stitch projects to generate DESIGN.md with visual language tokens.

Community
Advanced
gil00pitagil00pita

storybook

Develop, document, and test UI components in isolated Storybook workshops.

Community
Intermediate
yonatangrossyonatangross
3

design-system-starter

Generate design tokens, atomic components, and documentation templates for UI systems.

Community
Advanced