design-consultation

Generate design systems with typography, color, and layout specifications.

Updated Jun 5, 2026
One-click install
npx skills add https://github.com/smarmen86/claude-code-kit --skill design-consultation-smarmen86
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/smarmen86/claude-code-kit/tree/main/skills/design-consultation
Command: npx skills add https://github.com/smarmen86/claude-code-kit --skill design-consultation-smarmen86

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the ambiguity of starting a new project by providing a structured, research-backed framework for defining your product's visual identity and design system.

Core Features & Use Cases

  • Design System Generation: Automatically creates a comprehensive DESIGN.md file covering typography, color palettes, spacing, and motion.
  • Landscape Research: Analyzes existing project files and brand guidelines to ensure design consistency.
  • Use Case: When starting a new web application, use this skill to generate a cohesive brand identity and design source of truth that aligns with your project's goals.

Quick Start

Invoke the design-consultation skill to create a new design system for this project based on the current brand requirements.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I generate a design system from scratch for a new web application?

To generate a design system from scratch, synthesize project context and landscape research to produce specifications for typography, color palettes, spacing, and motion. This structured approach outputs a comprehensive DESIGN.md file serving as your visual identity source of truth.

When do I need a comprehensive design system for product development?

You need a comprehensive design system when starting new product development or creating a brand identity to resolve visual ambiguity. It provides a research-backed framework defining typography, color, and layout specifications to ensure consistency.

Can I use existing brand guidelines to ensure design consistency in UI and UX?

Yes, you can use existing brand guidelines to ensure design consistency. The tool reads project files and brand documentation via filesystem access to synthesize landscape research and align the new UI and UX specifications accordingly.

What's the best way to architect complete UI and UX specifications for brand identity creation?

The best way to architect complete UI and UX specifications is by synthesizing project context with landscape research to generate aesthetic, typography, color, and layout rules. This creates a cohesive brand identity and design source of truth.

Do I need filesystem access to generate typography and color palettes for my project?

Yes, filesystem access is required to generate typography and color palettes accurately. It allows the tool to read existing design documentation and project-specific brand guidelines, ensuring the generated layout and aesthetic specifications match your context.