maintaining-brand-identity

Original：🇺🇸 English

Translated

Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use whenever generating UI components, styling applications, writing copy, or creating user-facing assets.

1installs

Sourceroelofvheeren/elvison-os

Added on2026-02-08

NPX Install

npx skill4agent add roelofvheeren/elvison-os maintaining-brand-identity

SKILL.md Content

View Translation Comparison →

Brand Identity & Guidelines

Brand Name: Skill Master

This skill defines the core constraints for visual design and technical implementation. Adhere to these guidelines strictly to maintain consistency.

When to use this skill

When generating UI components or styling applications.
When choosing libraries or frameworks (Tech Stack).
When writing marketing copy, error messages, or documentation (Voice & Tone).
Activates during the Design and Implementation phases of the Superpowers workflow.

Workflow

Reference Guidelines
- If styling UI, check
```
resources/design-tokens.json
```
  .
- If writing code, check
```
resources/tech-stack.md
```
  .
- If writing copy, check
```
resources/voice-tone.md
```
  .
Implementation
- Apply brand colors, typography, and spacing.
- Follow tech stack constraints (e.g., Tailwind, React).
- Use the defined brand voice (Professional, Approachable).
Verification
- Validate UI against tokens.
- Ensure no forbidden patterns (e.g., Bootstrap, plain CSS) are used.

Resources

Design Tokens
Tech Stack
Voice & Tone