Alanamultiskillagent
Back to skills

design-consultation

design

Runs a design consultation session to build a complete design system from scratch. Researches your product's competitive landscape, proposes typography, color, layout, spacing, and motion choices as a

garrytangarrytan
|View all garrytan skills →

Setup & Installation

npx skills add https://github.com/garrytan/design-consultation --skill design-consultation
or paste the link and ask your coding assistant to install it
https://github.com/garrytan/design-consultation
View on GitHub

What This Skill Does

Runs a design consultation session to build a complete design system from scratch. Researches your product's competitive landscape, proposes typography, color, layout, spacing, and motion choices as a coherent package, then writes DESIGN.md as the authoritative reference for all future UI decisions. Instead of piecing together fonts, colors, and spacing from separate decisions, this skill produces a single coherent DESIGN.md that codifies every visual choice with rationale, so future AI and human contributors work from the same source of truth.

When to use it

  • Working with design consultation functionality
  • Implementing design consultation features
  • Debugging design consultation related issues

Similar Skills

accessibility

Audits and improves web accessibility against WCAG 2.2 guidelines, covering the POUR principles (Perceivable, Operable, Understandable, Robust). Includes code patterns for ARIA usage, keyboard navigat

algorithmic-art

Generates algorithmic and generative art using p5.js. Takes a user prompt, creates a computational philosophy for it, then produces a self-contained interactive HTML artifact with seeded randomness, p

brand-guidelines

Applies Anthropic's official brand colors and typography to documents and presentations. Maps headings to Poppins, body text to Lora, and non-text shapes to the orange, blue, and green accent palette.

canvas-design

Generates original visual art and design artifacts as .png or .pdf files. Works in two stages: first defining an aesthetic philosophy (a named movement with visual principles), then expressing that ph