skills.rest
dogeared
dogearedCOMMUNITY
Explore all skills by this author →
Website𝕏@afitnerdGitHub

design-consultation

Propose a complete design system and generate a DESIGN.md file.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a cohesive, scalable design system for your product by researching the landscape and aligning typography, color, layout, and motion into a DESIGN.md.

Core Features & Use Cases

  • Complete design system proposal: defines typography, color, spacing, layout, and motion guidelines.
  • DESIGN.md generation: produces a single source of truth to guide design and development.
  • Implementation guidance: provides ready-to-use rules for applying the system across screens and components.

Quick Start

Describe your product and I will generate a complete design system and DESIGN.md for you.

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 product?▼

A design system establishes reusable typography, color, spacing, and motion rules to ensure visual consistency across screens. This Skill generates a comprehensive DESIGN.md document defining these guidelines and providing an implementation plan for your product.

What is the best way to document UI typography and color guidelines?▼

A design system refresh involves updating your typography, color, layout, and motion guidelines to improve scalability. This Skill analyzes your current product and landscape to propose a refreshed system and outputs a new DESIGN.md implementation plan.

Can I use this design system generator for a product refresh project?▼

A DESIGN.md file acts as the single source of truth for your design system, documenting typography, color, layout, spacing, and motion rules. This Skill generates it to provide ready-to-use component strategies and implementation guidance for developers and designers.

What do I need to provide to generate a design system and DESIGN.md?▼

A complete design system should cover typography, color, layout, spacing, and motion. This Skill proposes a full system covering all these areas and provides an implementation plan with ready-to-use rules for applying them across components.

Related Skills

Explore More Design & Creative Skills→
forbotsakeforbotsake
5

design-consultation

Propose a complete design system and generate DESIGN.md with typography, color, layout, spacing, and motion tokens.

Official
Advanced
ChildoftheVibeChildoftheVibe

minimalist-ui

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

Community
Advanced
HaydernCenterpointHaydernCenterpoint

frontend-design

Align frontend UI components to a cohesive design system.

Community
Intermediate
MissTullyMissTully

design-consultation

Generate DESIGN.md with typography, color palettes, layout rules, and motion guidelines.

Community
Advanced