define-design-guidelines

Installation
SKILL.md

Design Guidelines Skill

Create the DESIGN_GUIDELINES.md document that defines HOW to design interfaces for your customer. This document drives all UI/UX: components, layouts, animations, colors, typography—everything visual.

Prerequisite: CUSTOMER.md must exist. Design without customer definition is just aesthetic preference. The interface must resonate with WHO you're building for.

Overview

This skill supports both creating new design guidelines and refining existing ones.

This skill guides you through: 0. Prerequisite Check - Verify CUSTOMER.md exists; stop if not

  1. Deep Analysis - Launch design-research agent to understand ideal design for the customer
  2. Discovery - Confirm/refine design direction with targeted questions
  3. Generate Document - Create DESIGN_GUIDELINES.md with full design system
  4. Automatic Alignment Audit - Opus agent verifies alignment with CUSTOMER.md/BRAND_GUIDELINES.md, fixes issues, repeats until perfect
  5. Finalization - Add version history once audit passes

Core Philosophy: Anti-AI-Slop

Installs
20
GitHub Stars
14
First Seen
Mar 1, 2026
define-design-guidelines — doodledood/claude-code-plugins