skills.rest
shaneholloman
shanehollomanCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

Updated Mar 19, 2026
Search Tags:#typography#layout#design-system#color-palette#motion-design#design-proposal
One-click install
npx skills add https://github.com/shaneholloman/ship --skill design-consultation-shaneholloman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/shaneholloman/ship/tree/main/design-consultation
Command: npx skills add https://github.com/shaneholloman/ship --skill design-consultation-shaneholloman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to align aesthetics, typography, color, spacing, and layout across products. This Skill provides a coherent design system and a DESIGN.md that acts as a single source of truth, reducing design debt and onboarding time.

Core Features & Use Cases

  • Proposes a complete design system including typography, color, spacing, motion, and layout tokens.
  • Generates a DESIGN.md that anchors the project's design language and serves as a reference for design and development.
  • Delivers guidance and a practical implementation blueprint for dashboards, marketing sites, and internal tools.

Quick Start

Ask the design-consultation skill to generate a complete design system and DESIGN.md for your project.

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

A design system standardizes aesthetics, typography, color, spacing, and layout across products. This skill generates a complete system and a DESIGN.md file that serves as a single source of truth to align teams and reduce design debt.

How do I generate a DESIGN.md file that documents typography and color tokens?▼

Generating a DESIGN.md file captures your project's aesthetic decisions, typography, color, spacing, and layout. This skill produces this documentation automatically to anchor your design language and provide a reference for development.

Can I get a design system tailored for dashboards and marketing sites?▼

Yes, a design system can be tailored for dashboards, marketing sites, and internal tools. This skill applies your defined tokens to these common product contexts and delivers a practical implementation blueprint for each.

What is the best way to align design and development teams on spacing and layout rules?▼

The best way to align teams is by using a DESIGN.md file that anchors the project's design language. This skill generates a single source of truth capturing spacing, layout, and motion design decisions to reduce onboarding time.

Does this design system generator include motion design and layout tokens?▼

Yes, this design system generator includes motion design and layout tokens. It proposes a complete set of design tokens covering typography, color, spacing, motion, and layout to ensure product coherence.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
timequitytimequity
6

frontend-design

Design production-grade frontend interfaces with bold aesthetic direction.

Official
Advanced
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
MissTullyMissTully

design-consultation

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

Community
Advanced