Agent skill
visual-identity-core
Defines the visual language of the brand, including color palette, typography, logo usage, and imagery guidelines.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/visual-identity-core
SKILL.md
Visual Identity Core
This skill establishes the visual foundation of the brand, ensuring consistency across all assets.
Input Variables
- [BRAND_NAME] (from brand-name-studio)
- [MDS] (Messaging & Direction Summary)
- [PERSONA_DATA] (Buyer Persona)
- [LOGO_CONCEPTS] (Optional: from logo-concept-architect)
The Protocol
- Visual Strategy: Analyze the MDS and Persona to determine the visual mood (e.g., "Rugged & Reliable" vs. "Sleek & Modern").
- Color Psychology: Select a primary color, secondary color, and accent color. Explain the psychological impact of each.
- Typography: Choose a Header font (display), Body font (readability), and Accent font (personality).
- Logo Guidelines: specific rules for logo placement, clear space, and variations.
- Imagery & Art Direction: Define the style of photography (e.g., high contrast, candid, studio) and illustrations.
- Graphic Elements: Define shapes, textures, or patterns.
Output Instructions
Render into templates/visual-identity-guide.md. Provide specific Hex codes for colors and font names/links (Google Fonts preferred).
Integration & Technical Specs
API Specification
- ID:
visual-identity-core - Path:
skills/visual-identity-core/templates/visual-identity-guide.md - Context: Part of Brand Identity
Data Flow
- Input: Derived from project context and upstream skills.
- Output: Generates
visual-identity-guide.md.
CLI Usage
bun scripts/cli.ts activate visual-identity-core
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?