design-consultation

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

Updated Apr 9, 2026
One-click install
npx skills add https://github.com/kitfunso/omniskill --skill design-consultation-kitfunso
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/kitfunso/omniskill/tree/main/skills/design-consultation
Command: npx skills add https://github.com/kitfunso/omniskill --skill design-consultation-kitfunso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables teams to define and implement a cohesive Design System by generating a DESIGN.md that serves as the single source of truth for typography, color, spacing, layout, and motion, tailored to your product context.

Core Features & Use Cases

  • Proposes a complete design language including aesthetic, typography, color, layout, spacing, and motion, and outputs DESIGN.md.
  • Provides guided design exploration, design-system previews, and a plan for adapting to existing sites or new projects.
  • Works across product types (web apps, dashboards, marketing sites, admin panels, editorial sites) and integrates research and design recommendations into artifacts the team can ship.

Quick Start

Tell me about your product and I will generate a comprehensive DESIGN.md with a consistent 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 a web app or dashboard?

Creating a design system involves defining typography, color, spacing, layout, and motion guidelines. This generates a DESIGN.md document serving as the single source of truth for cohesive product development across web apps and dashboards.

What is a design system proposal and what should it include?

A design system proposal documents a complete design language including aesthetic direction, typography, color, layout, spacing, and motion. It functions as a comprehensive reference artifact that teams can ship directly for product development.

How do I define typography and color palettes for my product?

Defining typography and color palettes requires establishing consistent visual design rules tailored to your product context. This process ensures cohesive aesthetic direction and outputs a structured DESIGN.md documenting all visual specifications.

Can I generate a design system for an existing marketing site or admin panel?

Yes, you can generate a design system for existing marketing sites and admin panels. The workflow includes a preview phase and provides a specific plan for adapting the generated design rules to your current site architecture.

What is the best way to document spacing and layout rules for a design system?

The best way to document spacing and layout rules is generating a DESIGN.md file. It enforces a holistic workflow ensuring all structural guidelines are production-ready and consistently applied across editorial sites and dashboards.

Does this design system generation workflow support motion guidelines?

Yes, the design system workflow supports motion guidelines. It enforces a holistic process covering aesthetic direction, typography, color, spacing, layout, and motion to ensure a complete and production-ready design artifact.