skills.rest
bajajvinamr
bajajvinamrCOMMUNITY
Explore all skills by this author →
Website𝕏@axios_iiitlGitHub

design-consultation

Create a cohesive design system with typography, color, spacing, and motion rules.

Updated Apr 1, 2026
Search Tags:#typography#branding#prototyping#ui-ux#design-system#color-palette
One-click install
npx skills add https://github.com/bajajvinamr/little-wins --skill design-consultation-bajajvinamr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/bajajvinamr/little-wins/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/bajajvinamr/little-wins --skill design-consultation-bajajvinamr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Fragmented visual language across products creates inconsistent user experiences and design debt. This design-consultation workflow understands your product goals and brand context, researches landscape options, and proposes a complete design system covering typography, color, layout, spacing, and motion. It also generates a DESIGN.md as the project's single source of truth for design decisions.

Core Features & Use Cases

  • Proposes a complete design system tailored to your brand, including typography, color palette, spacing, motion, and components.
  • Generates DESIGN.md as the living design reference and source of truth for future work.
  • Works for both new product initiatives and site redesigns, enabling fast iteration and consistent handoff.

Quick Start

Describe your product goals and brand constraints to Claude to generate 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 design system for a new product initiative?▼

A design system aligns typography, color, spacing, and motion into a cohesive visual language to eliminate fragmented user experiences. It serves as a single source of truth to resolve design debt and ensure consistent product interfaces.

How do I generate a DESIGN.md for my existing site redesign?▼

Generating a DESIGN.md requires describing your product goals and brand constraints. The workflow then outputs a living reference document containing typography systems, color palettes, and spacing rules ready for team integration.

What is included in a complete UI UX design system?▼

A complete UI UX design system includes typography systems, color palettes, spacing scales, layout guidelines, and motion rules. It delivers a comprehensive DESIGN.md document standardizing visual and interactive elements for consistent handoff.

Can I use a generated design system to fix inconsistent branding across products?▼

Yes, applying a generated design system fixes inconsistent branding by establishing a unified visual language. It researches landscape options and proposes tailored typography and color palettes to eliminate fragmented product interfaces.

What do I need to provide to generate a tailored color palette and typography system?▼

You need to provide your product goals and brand constraints to generate a tailored color palette and typography system. The workflow uses this context to research options and output a complete design system matching your brand.

Related Skills

Explore More Design & Creative Skills→
ovachieverovachiever
52

ui-design-system

Generate design tokens from brand colors in JSON, CSS, or SCSS.

Community
Advanced
dogeareddogeared

design-consultation

Propose a complete design system and generate a DESIGN.md file.

Community
Advanced
gotargotar
26

brand-guidelines

Apply Anthropic brand colors and typography to documents, presentations, and UI components.

Community
Basic
cattboycattboy

design-consultation

Transforms a product brief into a complete design system and brand guidelines with DESIGN.md output.

Community
Advanced