Interactive Setup
Step 1: Identify Your Context
What type of work are you doing?
- Product design — Install: design-system-patterns, layout-principles, responsive-craft, design-spec-writing, product-framing
- Brand design — Install: brand-voice, color-systems, typography-craft, photography-direction, icon-systems
- Strategic design — Install: founder-communication, pitch-deck-patterns, case-study-writing, competitive-teardown, design-economics
- Design leadership — Install: design-critique, design-org-structure, all strategic skills
- Full stack — Install everything
Step 2: Install Core (always)
These are always installed regardless of context:
anti-slop(quality gate)taste-audit(automated checks)- Rules:
common/taste.md,common/writing-quality.md,common/accessibility.md - Agents:
design-reviewer,copy-editor
Step 3: Install Context-Specific
Based on Step 1 selection, copy relevant skills and agents.
Step 4: Configure Hooks
{
"hooks": {
"PostToolUse": [
{
"matcher": "tool == 'Edit' && tool_input.file_path matches '\\.(tsx|jsx|html|css)$'",
"hooks": [{"type": "command", "command": "node scripts/hooks/check-ai-slop.js"}]
}
]
}
}
Step 5: Verify Installation
Run node tests/run-all.js to confirm all components are properly installed.
Manual Installation
# Clone the repo
git clone https://github.com/0xDragoon/everything-design-taste.git
cd everything-design-taste
# Install dependencies
npm install
# Full install (all skills, agents, rules)
./install.sh --profile full
# Selective install
./install.sh --profile product-design
./install.sh --profile brand-design
./install.sh --profile strategic
./install.sh --profile leadership
File Locations
- User-level:
~/.claude/(applies to all projects) - Project-level:
.claude/(applies to current project only) - Skills:
~/.claude/skills/or.claude/skills/ - Rules:
~/.claude/rules/or.claude/rules/ - Agents:
~/.claude/agents/or.claude/agents/