skills.rest
mr-daedalium
mr-daedaliumCOMMUNITY
Explore all skills by this author →
Website𝕏@daedaliumGitHub

design-consultation

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

107|19|Updated Mar 23, 2026
Search Tags:#typography#design#branding#ui#color#design-system
One-click install
npx skills add https://github.com/mr-daedalium/ostack --skill design-consultation-mr-daedalium
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/mr-daedalium/ostack/tree/main/design-consultation
Command: npx skills add https://github.com/mr-daedalium/ostack --skill design-consultation-mr-daedalium

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps product teams build a cohesive design language and a single source of truth by generating DESIGN.md and outlining decisions across aesthetics, typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Research-driven design system: Understand product context and landscape to inform design decisions.
  • DESIGN.md generator: Produces a central DESIGN.md to serve as the design source of truth.
  • Phase-driven workflow: Guides Phase 1 pre-checks, Phase 2 research, Phase 3 full proposals, Phase 4 drill-downs, Phase 5 previews, and Phase 6 final documentation.
  • Phase-appropriate outputs: Visual direction, typography, color palette, spacing, layout, motion, and a realistic preview.
  • Works with existing sites or new projects.

Quick Start

Provide your product name and context and I will generate DESIGN.md and a complete design system.

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

Generate a complete design system by researching your product context and landscape to produce a central DESIGN.md file. This document acts as your single source of truth, outlining specific decisions for aesthetics, typography, color, layout, spacing, and motion guidelines.

How do I build a single source of truth for UI typography and color guidelines?▼

Build a single source of truth for UI typography and color by generating a DESIGN.md file. It documents your design direction, color palette, typography choices, spacing, and motion guidelines to ensure a cohesive design language across your product.

Can I apply a new design system to an existing website?▼

Yes, you can apply a new design system to an existing website or a new project. The workflow includes pre-checks, research, full proposals, drill-downs, previews, and final documentation to seamlessly integrate the design language into your current UI.

What is the workflow for developing a research-driven design system?▼

The workflow for developing a research-driven design system follows six phases: pre-checks, landscape research, full proposals, drill-downs, realistic previews, and final documentation. This process ensures your design direction, typography, and color choices meet product requirements.

Do I need existing design components to start generating DESIGN.md?▼

No, you do not need existing design components to start generating DESIGN.md. You simply provide your product name and context, and the system will research the landscape to propose a complete design language from scratch.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
shhubbhshhubbh
1

design-consultation

Generate a DESIGN.md documenting typography, color palettes, layout, spacing, and motion guidelines.

Community
Advanced
ahmadawaisahmadawais

design-taste-frontend

Enforce rule-based design constraints on frontend UI generation.

Community
Advanced
koya-altkoya-alt

website-cloning

Reproduce a target site's design and behavior as a prototype.

Community
Advanced