skills.rest
akiyoshi
akiyoshiCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Guide design system creation from zero with phase-driven decisions and DESIGN.md output.

Updated Apr 11, 2026
Search Tags:#typography#prototyping#co-creation#design-system#color-palette#design-consultation#design-preview
One-click install
npx skills add https://github.com/akiyoshi/gstack-copilot-jp --skill design-consultation-akiyoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/akiyoshi/gstack-copilot-jp/tree/main/.github/skills/design-consultation
Command: npx skills add https://github.com/akiyoshi/gstack-copilot-jp --skill design-consultation-akiyoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams need a guided path to build a complete, coherent design system from zero, with structured decisions, research-backed direction, and artifact outputs.

Core Features & Use Cases

  • Phase-based guidance for creating a design system from scratch, including aesthetics, typography, color, spacing, and motion.
  • Interactive design direction with notes, variants, and a live preview workflow to validate decisions.
  • Produces a DESIGN.md and a ready-to-use system outline to accelerate team alignment and handoff.

Quick Start

Describe your product and goals, and I will generate a complete design system plan with a DESIGN.md and a live preview.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a design system from scratch for a web app?▼

You can start building a design system from zero by providing your product description and goals. The system then guides you through aesthetics, typography, color, spacing, and motion decisions to generate a complete plan with a DESIGN.md and live preview.

What is the best way to define typography and color palettes for a new product?▼

The best way to define typography and color palettes is through interactive design direction with notes and variants. This approach validates your decisions using a live preview workflow before finalizing the design tokens and system outline for handoff.

Can I use this design consultation workflow for internal tools and dashboards?▼

Yes, you can use this design consultation workflow for internal tools and dashboards. It applies to product teams building web apps, marketing sites, and internal tools, providing phase-driven guidance and coherence checks for production-ready outputs.

How does live preview prototyping work when creating a design system?▼

Live preview prototyping works by validating design directions through an interactive workflow. It allows you to review aesthetics, typography, and color variants with notes before producing the final DESIGN.md and ready-to-use design tokens.

Do I need existing design tokens to start a co-creation design session?▼

No, you do not need existing design tokens to start a co-creation design session. You can define a complete, coherent design system from zero by simply describing your product and goals to generate the foundational plan.

Related Skills

Explore More Design & Creative Skills→
joyce820309joyce820309

design-consultation

Create a design system with mockups and a DESIGN.md file.

Community
Advanced
dmae97dmae97
130

omk-design-md

Generate, validate, diff, and apply Google DESIGN.md files for UI tasks.

Community
Intermediate
not-subhunot-subhu

mockup-sandbox

Run a Vite dev server for live UI component previews on the canvas.

Community
Advanced
sotono-046sotono-046
1

design-principles

Define design direction, color, typography, and spacing tokens for dashboards.

Community
Basic