菜单
Platform-agnostic brand identity creation using 12 Jungian archetypes. Use when running /my_brand, creating brand.md, selecting color palettes, defining typography, or asking about brand personality and voice guidelines.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Comprehensive business research for market analysis, competitor intelligence, trend detection, and idea validation. Triggers on research requests, market sizing questions, competitor analysis needs, idea validation, TAM/SAM/SOM calculations, SWOT analysis, and timing assessments. Use when building business cases, evaluating opportunities, or validating product ideas.
Plan execution methodology and verification strategies. Triggers on: "execute plan", "implement plan", "run plan", "follow the plan", "start implementation", "continue execution", "resume plan". Provides execution patterns, progress tracking, and error handling strategies.
Implementation planning methodology and patterns. Triggers on: "plan", "design", "architect", "structure", "how should I implement", "before I start coding", "implementation plan", "feature planning", "break down this feature". Provides planning patterns, templates, and analysis strategies.
Test-Driven Development methodology and patterns. Triggers on: "tdd", "test first", "write tests", "failing test", "red green refactor", "test driven", "test before", "coverage", "unit test", "feature test", "widget test". Provides TDD patterns for Laravel (PHPUnit/Pest), Flutter, and Vue (Vitest/Jest).
Create a well-formatted commit following project conventions. Auto-detects commit style from git history.
Review uncommitted code changes for bugs, security vulnerabilities, and quality issues. Use before commits or when asked to review code.
| name | brand-guidelines |
| description | Platform-agnostic brand identity creation using 12 Jungian archetypes. Use when running /my_brand, creating brand.md, selecting color palettes, defining typography, or asking about brand personality and voice guidelines. |
| tools | Read, Write, Glob, Grep |
Create comprehensive, platform-agnostic brand guidelines using Jungian archetypes and color psychology.
Define brand IDENTITY that works across ALL platforms:
Output: HEX colors and font names, NOT framework-specific code.
| Archetype | Core Desire | Brand Voice | Color Direction |
|---|---|---|---|
| Innocent | Safety, happiness | Optimistic, simple, honest | Soft pastels, white, sky blue |
| Sage | Knowledge, truth | Expert, clear, trustworthy | Deep blues, greens, gray |
| Explorer | Freedom, discovery | Adventurous, independent | Earth tones, rust, forest |
| Outlaw | Revolution, liberation | Bold, rebellious, provocative | Black, red, orange |
| Magician | Transformation | Visionary, inspiring, mysterious | Purple, deep blue, gold |
| Hero | Mastery, courage | Empowering, confident, direct | Red, blue, gold |
| Lover | Intimacy, experience | Passionate, sensual, elegant | Red, pink, burgundy |
| Jester | Joy, fun | Playful, irreverent, entertaining | Bright, varied, yellow |
| Everyman | Belonging | Relatable, honest, friendly | Neutral, warm brown, earth |
| Caregiver | Service, nurturing | Compassionate, supportive, warm | Soft blue, green, white |
| Ruler | Control, power | Authoritative, refined, premium | Navy, gold, burgundy |
| Creator | Innovation, expression | Imaginative, artistic, expressive | Varied, artistic, bold |
| Product Type | Primary | Secondary | Why |
|---|---|---|---|
| B2B SaaS | Sage | Magician | Trust + transformation |
| Developer Tools | Sage | Creator | Knowledge + innovation |
| E-commerce | Everyman | Caregiver | Accessible + supportive |
| Fintech | Ruler | Sage | Authority + expertise |
| Health/Wellness | Caregiver | Innocent | Care + purity |
| Creative Tools | Creator | Magician | Expression + transformation |
| Enterprise | Hero | Ruler | Achievement + authority |
| Consumer App | Jester | Everyman | Fun + relatable |
| Luxury | Ruler | Lover | Premium + desire |
Based on archetype, select a primary hue:
| Archetype | Recommended Hues | Psychology |
|---|---|---|
| Sage | Blue (200-240) | Trust, expertise, calm |
| Magician | Purple (260-290) | Mystery, transformation |
| Hero | Red (0-15) or Blue (210-230) | Energy, confidence |
| Ruler | Navy (220-240) or Gold (40-50) | Authority, premium |
| Creator | Any bold color | Creativity, uniqueness |
Use HSL to create shades from a base color:
| Shade | Lightness | Saturation Adjust | Usage |
|---|---|---|---|
| 50 | 97% | -5% | Lightest backgrounds |
| 100 | 94% | -5% | Light backgrounds |
| 200 | 86% | -3% | Light accents |
| 300 | 74% | 0% | Borders |
| 400 | 60% | 0% | Disabled states |
| 500 | 50% | Base | Primary (base) |
| 600 | 42% | +3% | Hover states |
| 700 | 34% | +5% | Active/pressed |
| 800 | 26% | +5% | Dark accents |
| 900 | 18% | +5% | Darkest |
| Role | HEX Example | Usage |
|---|---|---|
| Success | #10B981 | Confirmations, positive feedback |
| Warning | #F59E0B | Caution, attention needed |
| Error | #EF4444 | Errors, destructive actions |
| Info | #3B82F6 | Neutral information |
Add brand tint to neutral grays:
| Archetype | Heading Style | Body Style | Examples |
|---|---|---|---|
| Sage | Geometric sans or serif | Clean sans | Inter, Source Sans Pro |
| Magician | Modern sans | System stack | Manrope, Plus Jakarta Sans |
| Hero | Bold sans | Clean sans | Montserrat, Roboto |
| Ruler | Elegant serif | Refined sans | Playfair Display, Lora |
| Creator | Display/artistic | Readable sans | Space Grotesk, Poppins |
| Everyman | Friendly sans | System stack | Nunito, Open Sans |
| Jester | Playful/rounded | Friendly sans | Nunito, Quicksand |
| Name | Size | Weight | Line Height | Usage |
|---|---|---|---|---|
| xs | 12px | 400 | 16px | Captions, footnotes |
| sm | 14px | 400 | 20px | Labels, metadata |
| base | 16px | 400 | 24px | Body text |
| lg | 18px | 400 | 28px | Lead paragraphs |
| xl | 20px | 600 | 28px | Small headings |
| 2xl | 24px | 600 | 32px | Section headings |
| 3xl | 30px | 700 | 36px | Page titles |
| 4xl | 36px | 700 | 40px | Hero headings |
| 5xl | 48px | 700 | 48px | Display |
# Brand Guidelines
> [Project Name] Brand Identity
## Brand Personality
**Primary Archetype**: [Name] (70%)
[Brief description]
**Secondary Archetype**: [Name] (30%)
[Brief description]
## Core Values
1. **[Value]**: [What it means]
2. **[Value]**: [What it means]
3. **[Value]**: [What it means]
## Color Palette
### Primary Colors
| Name | HEX | Usage |
|------|-----|-------|
| Primary | #XXXXXX | CTAs, key elements |
| Secondary | #XXXXXX | Supporting elements |
| Accent | #XXXXXX | Highlights |
### Primary Scale
| Shade | HEX | Usage |
|-------|-----|-------|
| 50 | #XXXXXX | Lightest backgrounds |
| ... | ... | ... |
| 900 | #XXXXXX | Darkest |
### Semantic Colors
| Role | HEX | Usage |
|------|-----|-------|
| Success | #XXXXXX | Confirmations |
| Warning | #XXXXXX | Cautions |
| Error | #XXXXXX | Errors |
| Info | #XXXXXX | Information |
## Typography
### Font Stack
- **Headings**: [Font Name]
- **Body**: [Font Name]
- **Monospace**: [Font Name]
### Type Scale
[Type scale table]
## Voice & Tone
### Brand Voice
- [Attribute]: [Description]
### Tone by Context
| Context | Tone | Example |
|---------|------|---------|
| Marketing | [Tone] | "[Example]" |
| UI | [Tone] | "[Example]" |
| Errors | [Tone] | "[Example]" |
### Writing Guidelines
**Do:**
- [Guideline]
**Don't:**
- [Anti-pattern]
Ensure WCAG AA compliance:
Test combinations:
For detailed archetype color palettes and examples: