skills.rest
ericdahl-dev
ericdahl-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generate a product design system and write design decisions to DESIGN.md.

Updated Jun 9, 2026
Search Tags:#design system#UX design#product design#UI design#design consultation
One-click install
npx skills add https://github.com/ericdahl-dev/coauthor-cleaner --skill design-consultation-ericdahl-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ericdahl-dev/coauthor-cleaner/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/ericdahl-dev/coauthor-cleaner --skill design-consultation-ericdahl-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The design-consultation skill automates the process of creating a complete design system, including aesthetic, typography, color, layout, spacing, and motion, for a product, saving time and effort in the design process.

Core Features & Use Cases

  • Automated Design System Creation: Generates a full design system based on the user's product context and research.
  • Customization Options: Allows the user to customize various design elements like typography, color, and layout.
  • Visual Previews: Provides AI-generated visual previews of the proposed design system applied to realistic screens.
  • Documentation: Writes a comprehensive DESIGN.md file containing all design decisions for future reference.

Quick Start

Run the 'design-consultation' skill to start the design consultation process.

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 my product?▼

A design system defines the visual and functional consistency of your product through typography, color, layout, spacing, and motion. It is needed when establishing a unified aesthetic across multiple screens to ensure a cohesive user experience and scalable UI components.

Can I customize typography and color choices in an automated design system?▼

Yes, AI-generated visual previews are provided by applying the proposed design system to realistic screens. This allows you to evaluate the aesthetic, typography, and layout choices visually before finalizing the design decisions in the documentation.

What is the best way to document design decisions for a UI design project?▼

The best way to document UI design decisions is to generate a comprehensive DESIGN.md file. This file captures all aesthetic, typography, color, layout, spacing, and motion choices made during the consultation process, serving as a reference for future development.

Does automated design consultation work with UX research data?▼

Automated design consultation works with UX research data by taking your user-provided context and research as input. It uses this information to drive the creation of a tailored design system, ensuring the generated layout and aesthetic align with user needs.

Related Skills

Explore More Design & Creative Skills→
antriksh-29antriksh-29

design-consultation

Generates a complete design system and DESIGN.md with preview from product context and landscape research.

Community
Advanced
vh2224vh2224
1

frontend-design

Create production-grade frontend interfaces with cohesive typography, color, spacing, and motion.

Community
Advanced
jaydubya818jaydubya818

core-components

Provide reusable UI components and enforce design tokens in React Native applications.

Community
Intermediate
thanh-abaiithanh-abaii
34

gs:design-consultation

Generate design systems and a DESIGN.md file for Windows 11 projects.

Community
Advanced