skills.rest
SeaLion-hub
SeaLion-hubCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Plan a complete design system and generate a DESIGN.md from product context.

Updated Feb 16, 2026
Search Tags:#typography#layout#color#design-system#motion#design-documentation#design-consultation
One-click install
npx skills add https://github.com/SeaLion-hub/DICEE --skill design-consultation-sealion-hub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/SeaLion-hub/DICEE/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/SeaLion-hub/DICEE --skill design-consultation-sealion-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often struggle to align on a cohesive design language for new products. This Skill guides you from product understanding to a complete, codified design system and a single source of truth DESIGN.md.

Core Features & Use Cases

  • Landscape research and product context gathering to inform design direction.
  • Propose a complete design system covering aesthetic, typography, color, layout, spacing, and motion.
  • Generate a publishable DESIGN.md that serves as the reference for designers and developers.
  • Optional workflow guidance for planning reviews and collaboration across disciplines.

Quick Start

Tell me your product goals and current design challenges, and I will generate a complete design system and a DESIGN.md as your single source of truth.

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 web or mobile UI?▼

A design system defines typography, color, layout, spacing, and motion guidance from product context to ensure UI cohesion. It serves as a codified reference for both designers and developers, aligning teams on a unified visual language.

What is the best way to document design rules and tokens for developers?▼

Documenting design rules in a DESIGN.md file codifies typography, color, layout, spacing, and motion decisions into a single source of truth. This approach ensures developers and designers align on a cohesive visual language without ambiguity.

Can I use this design consultation process for an evolving existing UI?▼

Yes, this design consultation process applies to both new and evolving web or mobile UIs. It gathers product context and landscape research to inform design direction, ensuring the proposed system fits your current phase and risks.

How do you plan typography, color, and motion guidelines from scratch?▼

Planning typography, color, and motion guidelines requires phase-based exploration and risk-aware decisions driven by product goals. This approach delivers a complete, codified design system that addresses aesthetic and functional requirements.

Do I need to provide product context to generate a design system?▼

Yes, you must provide product goals and current design challenges as input context. This information drives the landscape research and product understanding necessary to propose a complete and cohesive design system.

Related Skills

Explore More Design & Creative Skills→
AlexandreLabAlexandreLab

gstack-office-hours

Gather project goals and context for YC-style startup discussions.

Community
Advanced
putrawitamaputrawitama
1

design-consultation

Analyzes a project's design-system needs and generates a formal plan.

Community
Advanced
johnnyelwailerjohnnyelwailer

figma-to-code

Convert Figma designs into React components with token-based styling.

Community
Intermediate
haryelramalhoharyelramalho

vercel-composition-patterns

Refactor React components into compound structures with explicit variants and lifted state using Context APIs.

Community
Advanced