skills.rest
Kakarottoooo
KakarottooooCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system and DESIGN.md from product context.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation automates the creation of a complete design system and generates DESIGN.md as the project's design source of truth. It helps teams establish a cohesive visual language and scalable UI guidelines before building product interfaces.

Core Features & Use Cases

  • Proposes a full design system covering typography, color, layout, spacing, and motion.
  • Generates font and color preview pages and exports DESIGN.md for design governance.
  • Performs landscape research to inform decisions and creates a design system plan tailored to your product.

Quick Start

Tell me about your product, and I will draft a complete design system and DESIGN.md.

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

To create a design system, this consultation tool analyzes your product context and researches the landscape to propose typography, color, layout, spacing, and motion. It generates a cohesive visual language and a ready-to-preview DESIGN.md for design governance.

What is a DESIGN.md file and when do I need one for UI guidelines?▼

A DESIGN.md file is your project's design source of truth, documenting scalable UI guidelines and a complete visual language. You need one to establish cohesive typography, color palettes, and motion principles before building product interfaces.

How do I generate a color palette and typography preview for my project?▼

You can generate a color palette and typography preview by providing your product context. The tool proposes a tailored design system and produces font and color preview pages, alongside an exported design document for governance.

Does this design consultation tool work without existing design dependencies?▼

Yes, this design consultation works without existing dependencies. It performs landscape research based purely on your product context to inform decisions and automatically proposes a complete design system plan from scratch.

What's the best way to document layout and motion guidelines for development?▼

The best way to document layout and motion guidelines is to generate a DESIGN.md file. It consolidates your spacing rules, typography, and motion principles into an actionable plan that can be exported and previewed for design governance.

Related Skills

Explore More Design & Creative Skills→
rkz91rkz91
264

gsd-new-project

Initialize new project workflows and generate planning artifacts.

Community
Advanced
JamkrisJamkris
86

design-system

Generate design tokens and audit UI consistency for web interfaces.

Community
Advanced
dwaynimaydwaynimay

minimalist-ui

Enforce warm monochrome editorial UI with bento-grid layouts and strict typography constraints.

Community
Advanced
JansenAnalyticsJansenAnalytics
5

frontend-design

Define typography, color, motion, and layout rules for web interfaces.

Community
Advanced