skills.rest
tropeks
tropeksCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Propose and document a complete design system in a DESIGN.md file.

Updated Mar 26, 2026
Search Tags:#typography#branding#ux-design#design-system#color-palette#design-consultation#design-proposal
One-click install
npx skills add https://github.com/tropeks/Vitali --skill design-consultation-tropeks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/tropeks/Vitali/tree/main/.claude/skills/gstack-design-consultation
Command: npx skills add https://github.com/tropeks/Vitali --skill design-consultation-tropeks

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a complete, coherent design system for a project, turning ideas into a practical, source-of-truth DESIGN.md with typography, color, motion, and layout guidelines.

Core Features & Use Cases

  • Proposes a complete design direction including typography, color palettes, spacing, and motion guidelines.
  • Generates a DESIGN.md that serves as the project's single source of truth for design decisions.
  • Supports rapid iteration from concept to a concrete visual system, including outside-voice considerations and design reviews.

Quick Start

Tell me about your project and I will generate a complete design system proposal and the 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 generate a complete design system for a new website?▼

A design system standardizes your project's visual language by defining typography, color palettes, spacing, and motion guidelines. It ensures UI consistency across new or existing sites and consolidates branding rules into a single source of truth.

How do I create brand guidelines and a DESIGN.md file for my project?▼

You create brand guidelines by describing your project to trigger a design proposal. The Skill selects a cohesive aesthetic and generates a frontmatter-backed DESIGN.md containing typography, color, layout, spacing, and motion guidelines as an actionable implementation plan.

Can I use this to update an existing site's typography and color palette?▼

Yes, you can apply this to existing sites by asking for a design system. It evaluates your current project context and proposes a coherent, on-brand color palette and typography system documented in a DESIGN.md file for rapid iteration.

What is included in a generated design proposal?▼

A design proposal includes a complete aesthetic direction featuring typography, color palettes, spacing, and motion guidelines. It also provides font and color previews alongside the generated DESIGN.md document and an actionable implementation plan.

What do I need to provide to get a UX design proposal and design system?▼

You only need to provide your project description and context. The Skill requires no dependencies or components, using your project description to propose a complete UX design system and generate the corresponding DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
vibrationalforcevibrationalforce

design-consultation

Research product context and generate a DESIGN.md design system proposal.

Community
Advanced
thejordanleopoldthejordanleopold
4

design-system

Codify design tokens, color, typography, spacing, and motion into a DESIGN.md deliverable.

Community
Advanced
matsuni-kkmatsuni-kk

mini-app-design

Generate UI/UX design documents with wireframes, components, colors, and typography for mini-apps.

Community
Intermediate
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic