skills.rest
kinetas
kinetasCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

Updated Mar 11, 2026
Search Tags:#typography#branding#ui#layout#color#design-system
One-click install
npx skills add https://github.com/kinetas/ai_coding_web --skill design-consultation-kinetas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/kinetas/ai_coding_web/tree/main/gstack/design-consultation
Command: npx skills add https://github.com/kinetas/ai_coding_web --skill design-consultation-kinetas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Propose a complete design system for a product to unify aesthetics, typography, color, and layout.

Core Features & Use Cases

  • Proposes a complete design system covering typography, color, layout, spacing, motion, and a DESIGN.md as the project's single source of truth.
  • For existing sites, can propose a design system by analyzing the current state or using plan-design-review workflows.
  • Works as a proactive design consultant that guides the design language from scratch or evolution of an existing system.

Quick Start

Summarize a complete design system proposal for my product 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 unified design system for a new product from scratch?▼

To create a design system from scratch, this consultant proposes a complete framework unifying typography, color, and layout. It generates a DESIGN.md file serving as your project's single source of truth, outlining design tokens, components, and usage rules.

What is the best way to establish a cohesive design language for an existing site?▼

Establishing a cohesive design language for an existing site involves analyzing its current state and applying plan-design-review workflows. This approach evolves your current aesthetics into a structured design system without losing existing brand identity.

How do I generate design tokens and usage rules for my UI layout?▼

Generating design tokens and usage rules involves summarizing a complete design system proposal for your UI layout. The output produces a DESIGN.md document that outlines specific tokens, component guidelines, and structural usage rules.

Can I use this to unify branding and typography without starting over?▼

Yes, you can unify branding and typography without starting over. It works as a proactive design consultant that analyzes your current site state and guides the evolution of your existing system into a cohesive design language.

What is included in a complete design system proposal for product aesthetics?▼

A complete design system proposal for product aesthetics includes typography, color, layout, spacing, and motion guidelines. It consolidates these elements into a DESIGN.md file that acts as the central source of truth for your design tokens and components.

Related Skills

Explore More Design & Creative Skills→
balajivisbalajivis
2

design-consultation

Create a complete design system with typography, color strategy, and DESIGN.md output.

Community
Advanced
rjroyrjroy
6

design

Document design decisions, interfaces, constraints, and edge cases for software architecture.

Community
Basic
gabelulgabelul
38

stitch-design-md

Generate a DESIGN.md design system document from existing Stitch project screens.

Community
Advanced
deichworxdeichworx

smart-swap-branding

Apply official Smart Swap branding tokens to UI components.

Community
Basic