skills.rest
26mitch26
26mitch26COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create and manage product design systems with YAML configuration and Markdown documentation.

Updated Jun 11, 2026
Search Tags:#typography#branding#design system#color theory#UI design
One-click install
npx skills add https://github.com/26mitch26/ai-mall --skill design-consultation-26mitch26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/26mitch26/ai-mall/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/26mitch26/ai-mall --skill design-consultation-26mitch26

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gstack, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating and maintaining design systems for products, providing a structured approach to design, including aesthetic, typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Design System Creation: Offers a framework for building a full design system, covering aesthetics, typography, color, layout, spacing, and motion.
  • Font and Color Preview: Generates font and color previews to visualize the design system.
  • Integration with CEO Plans: Integrates with CEO plans that contain brand-related notes.
  • Prior Design Decisions: References previous design decisions to maintain consistency.

Quick Start

To initiate a design consultation, type: /start design-consultation and provide the relevant project context.

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 comprehensive design system for a product?▼

A design system provides a structured framework for aesthetics, typography, color, layout, spacing, and motion. You can generate one by providing project context and brand-related notes, which outputs YAML configuration and Markdown documentation.

Can I preview typography and color palettes before finalizing the design system?▼

Yes, previewing typography and color palettes is supported. The tool generates visual font and color previews directly from your configuration to help you evaluate design system aesthetics during consultation.

Do I need prior design knowledge to use this for UI design and branding?▼

Yes, prior design knowledge is required. The process is intended for project planning and design collaboration, requiring you to understand UI design principles, color theory, and typography to provide accurate project context.

How does the tool maintain consistency with previous design decisions?▼

The tool maintains consistency by referencing prior design decisions and integrating with CEO plans containing brand-related notes. This ensures new typography, color, and layout choices align with established branding context.

What is the best way to document a design system using Markdown and YAML?▼

Documenting a design system is best handled by using YAML for configuration and Markdown for documentation. This approach outputs your aesthetics, typography, color, layout, spacing, and motion guidelines in structured, readable formats.

Related Skills

Explore More Design & Creative Skills→
ConradmakerConradmaker

kick-init

Create a Design Context document from codebase exploration and gap questions.

Community
Intermediate
afonsolelisafonsolelis

acessibilidade

Ensure HTML pages conform to WCAG 2.1 AA accessibility guidelines.

Community
Intermediate
aporto-techaporto-tech

Codex

Automate code reviews, adversarial testing, and consultation via the Codex CLI with gstack.

Official
Advanced
logeshv586-codelogeshv586-code

visual-design-foundations

Establish design tokens, color systems, spacing systems, and iconography for visual design.

Community
Advanced