skills.rest
bhianerd
bhianerdCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete product design system and write DESIGN.md.

1|Updated Mar 25, 2026
Search Tags:#typography#design-system#motion#color-palette#brand-guidelines#DESIGN.md#ui-layout
One-click install
npx skills add https://github.com/bhianerd/aimemory --skill design-consultation-bhianerd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/bhianerd/aimemory/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/bhianerd/aimemory --skill design-consultation-bhianerd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It replaces scattered, inconsistent UI styling decisions with one coherent design system your project can use as a single source of truth.

Core Features & Use Cases

  • Manual, trigger-based design system build: Runs only when you explicitly invoke it, so you control when the design work happens.
  • Design system proposal + previews: Researches the landscape (when you choose) and proposes a complete system covering aesthetic, typography, color, layout, spacing, and motion, plus generates font-and-color preview pages.
  • Writes your source of truth: Produces DESIGN.md and can update an existing workflow (for existing sites, it advises using the plan-review path instead).

Quick Start

Tell the AI: “/design-consultation” to generate a complete design system and create DESIGN.md for my project.

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

A design system centralizes typography, color, layout, spacing, and motion guidelines into a single source of truth, replacing scattered UI styling decisions with coordinated brand guidelines for consistent product development.

What is the best way to document brand guidelines and typography for my application?▼

Documenting brand guidelines and typography is best handled by generating a DESIGN.md file that acts as a project source of truth, complete with coordinated aesthetic specifications and font preview pages for review.

How do I generate a color palette and motion specifications for product design?▼

You can generate a color palette and motion specifications by triggering a manual design system build, which proposes a complete set of UI layout and motion rules alongside color preview pages ready for review.

Can I update an existing design system or should I only use this for new interfaces?▼

You can update an existing workflow, but for existing sites with an established design system, it is advised to use the plan-review path instead of generating a new UI layout system from scratch.

When do I need a formal DESIGN.md file for my project?▼

You need a formal DESIGN.md file when starting a new UI with no existing system or when explicitly requesting coordinated brand guidelines and design direction to ensure consistent styling across your project.

Related Skills

Explore More Design & Creative Skills→
jimiryquaijimiryquai

teach-impeccable

Analyze codebase and branding assets to write design context to .impeccable.md.

Community
Intermediate
daemon-blockint-techdaemon-blockint-tech
7

ui-software-engineer

Translate design specifications into responsive user interfaces with design tokens and Storybook stories.

Community
Intermediate
sandrasocialsandrasocial
1

minimalist-ui

Design ultra-minimalist editorial UI guidelines for enterprise dashboards.

Community
Advanced
yrlanrteixeirayrlanrteixeira

editorial-luxury

Construct luxury editorial landing pages with React or Next.js and Tailwind CSS.

Community
Advanced