skills.rest
tgmarinho
tgmarinhoCOMMUNITY
Explore all skills by this author →
Website𝕏@tgmarinhoGitHub

design-consultation

Generates a complete design system and DESIGN.md through structured consultation.

Updated May 15, 2026
Search Tags:#typography#design system#color palette#brand guidelines#ui design#consultation#design.md
One-click install
npx skills add https://github.com/tgmarinho/canetaco --skill design-consultation-tgmarinho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/tgmarinho/canetaco/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/tgmarinho/canetaco --skill design-consultation-tgmarinho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without a design system leads to inconsistent colors, ad-hoc typography, and layout drift across pages. This Skill runs a structured design consultation that researches your product and landscape, then produces a complete design system captured in a DESIGN.md file as the project's single source of truth. ## Core Features & Use Cases - Full design system generation: Proposes aesthetic direction, typography, color palette, layout, spacing, and motion, then writes them to DESIGN.md. - Font and color preview pages: Generates preview pages so you can see candidate fonts and colors rendered before committing. - Context-aware consultation: Loads any existing DESIGN.md, prior design decisions, and brand-related notes so proposals build on previous choices instead of contradicting them. - Use Case: You are starting a new SaaS landing page and dashboard with no brand guidelines. Invoke the skill, answer a few decision questions about audience and tone, and receive a DESIGN.md plus preview pages that every future UI change can reference. ## Quick Start Ask the assistant to create a design system and DESIGN.md for this project from scratch.

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

Invoke the design-consultation skill and answer its structured decision questions about product, audience, and tone. It researches the landscape, proposes typography, color, layout, spacing, and motion, then writes everything to DESIGN.md.

What is DESIGN.md and how is it used?▼

DESIGN.md is the project's design source of truth generated by this skill. It records the chosen aesthetic, typography, color palette, layout, spacing, and motion rules so all future UI work stays consistent.

Can I preview fonts and colors before committing to them?▼

Yes. The skill generates font and color preview pages so you can see candidate combinations rendered before they are written into DESIGN.md as final decisions.

Does design-consultation work on an existing website?▼

It is designed for new projects with no existing design system. For existing sites, the documentation directs you to use /plan-design-review instead, which infers the design system from what is already built.

What happens if a DESIGN.md already exists in my project?▼

The skill loads the existing DESIGN.md plus prior design decision files and brand-related notes before proposing anything, so new recommendations build on previous choices rather than overwriting them blindly.

Related Skills

Explore More Design & Creative Skills→
mikaelcharbonneaumikaelcharbonneau

target-audience

Define brand target audiences with personas, psychographics, and ICP frameworks.

Community
Intermediate
dmae97dmae97
130

omk-frontend-implementation

Implement frontend UI components from DESIGN.md with existing design tokens.

Community
Intermediate
Fantasia1999Fantasia1999

cto-advisor

Provides leadership guidance for engineering teams on strategy, scaling, and architecture.

Community
Advanced
tblakex01tblakex01
1

design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion guidance.

Community
Advanced