关于
This skill provides pre-configured aesthetic archetype bundles for color, typography, voice, and imagery to jumpstart brand design. It's triggered when users need a starting point, want a style similar to an existing brand, or seek industry-typical defaults to converge quickly. It maps user briefs to known-good design families instead of starting from first principles.
快速安装
Claude Code
推荐npx skills add rampstackco/claude-skills -a claude-code/plugin add https://github.com/rampstackco/claude-skillsgit clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/brand-archetype-system在 Claude Code 中复制并粘贴此命令以安装该技能
技能文档
Brand Archetype System
Pre-composed aesthetic archetype defaults that jumpstart brand design work. Each archetype bundles color tendencies, type pairings, layout patterns, voice samples, and imagery direction for a recognizable aesthetic family. Stack-agnostic. Tool-agnostic.
This is a starting-point library, not a methodology library. The agent applies archetype defaults to a specific brief; the archetypes themselves provide anchor points, not endpoints.
When to use
- The user wants a starting point rather than designing from first principles
- The user references a brand or aesthetic family they want to design near
- Need to converge faster from many directions to one
- The user wants vertical-typical defaults (for example fintech consumer, B2B developer tools)
- The user wants to test what a brief would look like in a different archetype
When NOT to use
- The user wants pure methodology guidance (use
brand-identity) - The user is in early ideation needing positioning territories (use
brand-ideation) - Defining voice for an existing brand (use
brand-voice) - Documenting a finished brand (use
brand-style-guide)
How this composes with other skills
This skill works upstream of brand-identity (provides starting defaults that brand-identity refines into a finished system) and parallel to creative-direction (archetypes can be located by position on the 4 creative-direction axes).
Typical flow when this skill is invoked:
- User provides a brief or references a target archetype
- Agent picks the most relevant core archetype, or composes from 2 adjacent archetypes
- Agent adapts the archetype's defaults to the brief (color tokens shift, type swaps to vertical-appropriate fonts, voice samples rewrite for the brand)
- Agent flags adaptation choices made
Direct verbatim copying of an archetype's default palette into a new brand is a failure mode. Archetypes constrain the design space; the brief specifies the point within that space.
The framework: 12 core archetypes plus 18 vertical applications
Two layers of content in references/:
Core archetypes (12 files)
Located in references/core-archetypes/. Each is an aesthetic family with:
- Aesthetic summary
- Position on the 4
creative-directionaxes - Color palette starter (4 to 6 hex values with token names and rationale)
- Type pairing starter (Google Fonts pairing with size scale)
- Layout and composition patterns
- Voice samples (5 to 10 representative lines)
- Component pattern descriptions (heroes, buttons, cards, tables)
- Imagery direction
- When to pick and when to avoid
- Adaptation guidance
- Exemplar brands with attribution language
Vertical applications (18 files)
Located in references/by-vertical/. Each maps named brands to core archetypes in that vertical with:
- Vertical summary
- Common archetypes
- Brand-to-archetype mapping (5 to 10 brands per vertical)
- Vertical-specific adaptation notes
- Common archetype evolution patterns as brands mature
Two overview files
00-archetype-system-overview.md: how the system works, the taxonomy01-how-to-apply-an-archetype.md: the adaptation discipline, the failure modes
The 12 core archetypes
| # | Archetype | Single-line summary |
|---|---|---|
| 01 | Editorial Restrained | Low-saturation, type-led, generous whitespace, considered |
| 02 | Technical Precise | Monospace and grid prominent, data-dense, system-feeling |
| 03 | Warm Conversational | Human imagery, mid-saturation, friendly type, approachable |
| 04 | Bold Confident | High-contrast, large display type, saturated, direct |
| 05 | Playful Energetic | Bright colors, illustration-led, dynamic, character-driven |
| 06 | Luxe Considered | Serif-led, generous spacing, restrained palette, premium |
| 07 | Clinical Trustworthy | Cool palette, sans-serif, clean medical or financial register |
| 08 | Rugged Utilitarian | Earth tones, workwear influence, no-nonsense type |
| 09 | Retro Nostalgic | Period-specific palette and type, intentional vintage reference |
| 10 | Minimal Essentialist | Black, white, single accent, sans-serif only, sparse |
| 11 | Vibrant Saturated | High-saturation across full palette, color as character |
| 12 | Documentary Honest | Photography-led, real people, low-touched imagery |
The 18 vertical applications
- B2B SaaS: Developer Tools, Business Productivity, Marketing and Sales, Data and Analytics
- Fintech: Consumer, Enterprise
- DTC: Fashion, Beauty, Home and Lifestyle, Food and Beverage
- Consumer Health and Wellness
- Hospitality and Travel
- Media and Publishing
- EdTech
- Gaming and Entertainment
- Marketplace
- Crypto and Web3
- Real Estate and Proptech
Trademark and attribution
Archetypes are NAMED for aesthetic families, NOT for brands. "Editorial Restrained" not "Stripe-like." Brands are referenced as exemplars in description text using attribution language: "exemplified by [brands]", "common among [brands]", "characteristic of [brands]".
This is descriptive and nominative fair use territory, durable across brand redesigns. A brand that pivots its identity does not invalidate the archetype it once exemplified.
The four creative-direction axes (reference)
Each archetype positions on the 4 axes defined in the creative-direction skill. Brief summary for cross-reference:
- Tone register: Professional, Conversational, Playful
- Aesthetic register: Restrained, Considered, Expressive, Maximal
- Audience relationship: Authority, Peer, Companion, Performer
- Sensory ambition: Functional, Considered, Immersive, Theatrical
Each core archetype file specifies its position on each axis.
Reference files
references/00-archetype-system-overview.md- How the two-layer system fits together, entry patterns, when archetypes compose, and the recurring failure modes.references/01-how-to-apply-an-archetype.md- The 5-step adaptation process: locate the design space, map the brief to adjustable dimensions, adapt color, adapt type, write voice samples. Includes the cross-archetype coherence check.
The 12 core archetype files live in the core-archetypes/ subdirectory under references, numbered 01 (Editorial Restrained) through 12 (Documentary Honest). The 18 vertical application files live in the by-vertical/ subdirectory under references, numbered 01 (B2B SaaS Developer Tools) through 18 (Real Estate and Proptech). Load the relevant core archetype file plus the relevant vertical file together for any brief that names both an aesthetic family and an industry.
GitHub 仓库
常见问题
什么是 brand-archetype-system Skill?
brand-archetype-system 是一个 Claude Skill,作者为 rampstackco。Skill 将 Claude 按需加载的说明和资源打包,让 Claude 无需额外提示即可执行与 brand-archetype-system 相关的任务。
如何安装 brand-archetype-system?
使用本页的安装命令:将 brand-archetype-system 作为插件添加到 Claude Code,或将其仓库克隆到 skills 目录,然后重启 Claude 以加载该 Skill。
brand-archetype-system 属于哪个分类?
brand-archetype-system 属于元分类。
brand-archetype-system 可以免费使用吗?
可以。brand-archetype-system 已收录在 AIMCP,可免费安装。
相关推荐技能
Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。
这个Claude Skill为开发者提供完整的Polymarket预测市场开发支持,涵盖API调用、交易执行和市场数据分析。关键特性包括实时WebSocket数据流,可监控实时交易、订单和市场动态。开发者可用它构建预测市场应用、实施交易策略并集成实时市场预测功能。
该Skill帮助开发者创建OpenCode插件,用于接入命令、文件、LSP等25+种事件。它提供了插件结构、事件API规范和JavaScript/TypeScript实现模式,适合需要拦截操作、扩展功能或自定义事件处理的场景。开发者可通过它快速构建响应式模块来增强OpenCode AI助手的能力。
SGLang是一个专为LLM设计的高性能推理框架,特别适用于需要结构化输出的场景。它通过RadixAttention前缀缓存技术,在处理JSON、正则表达式、工具调用等具有重复前缀的复杂工作流时,能实现极速生成。如果你正在构建智能体或多轮对话系统,并追求远超vLLM的推理性能,SGLang是理想选择。
