skills.rest
ingoatl
ingoatlCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a complete design system and DESIGN.md for UI projects.

Updated Aug 23, 2026
Search Tags:#typography#design#branding#color#ui-design#design-system
One-click install
npx skills add https://github.com/ingoatl/propertycentral --skill design-consultation-ingoatl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ingoatl/propertycentral/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/ingoatl/propertycentral --skill design-consultation-ingoatl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation addresses the challenge of creating a cohesive design system when starting a new project. It synthesizes aesthetics, typography, color, layout, spacing, and motion to produce a single source of truth: DESIGN.md.

Core Features & Use Cases

  • Propose a complete design system (aesthetic, typography, color, layout, spacing, motion).
  • Generate font and color preview pages and a DESIGN.md you can ship.
  • Proactively suggest design system ideas when there is no DESIGN.md, or infer design language for existing sites.

Quick Start

Tell me about your project goals and I will draft a complete design system and DESIGN.md to use as your design source of truth.

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

A design system establishes a single source of truth for UI by defining aesthetics, typography, color, layout, spacing, and motion. It is needed when starting a new project or when an existing site lacks cohesive design rules.

Can I generate a DESIGN.md for an existing website to reinforce its design language?▼

Yes, you can generate a DESIGN.md for an existing website. The design consultation process infers the current design language from the site and documents it into a single source of truth to reinforce visual consistency.

What do I need to start a design consultation for my branding and UI?▼

To start a design consultation, you provide your project goals. The skill uses them to research the design landscape, propose aesthetics, and output font and color preview pages alongside the final DESIGN.md.

Does this design system tool provide typography and color preview pages?▼

Yes, the design system tool provides typography and color preview pages. It generates these visual previews alongside the final DESIGN.md file so you can evaluate the proposed aesthetics before shipping.

What is the best way to document UI design rules for spacing and motion?▼

The best way to document UI design rules is to create a DESIGN.md file. This skill crafts a complete design system that explicitly defines layout, spacing, and motion guidelines to establish a single truth for the project.

Related Skills

Explore More Design & Creative Skills→
vibrationalforcevibrationalforce

design-consultation

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

Community
Advanced
junDevCodesjunDevCodes
2

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI components and pages.

Community
Intermediate
compozycompozy
2.5k

minimalist-ui

Define and enforce a minimalist UI protocol for typography, color, and layout.

Official
Advanced
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate