skills.rest
OTSOU-CODE
OTSOU-CODECOMMUNITY
Explore all skills by this author →
GitHub

brand-identity

Enforce brand consistency across UI, copy, and assets using design tokens and voice guidelines.

Updated Dec 13, 2025
Search Tags:#copywriting#design-tokens#brand-guidelines#brand-identity#UI-consistency#voice-tone
One-click install
npx skills add https://github.com/OTSOU-CODE/OTSOU --skill brand-identity-otsou-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-identity
Source: https://github.com/OTSOU-CODE/OTSOU/tree/main/.agent/skills/brand-identity
Command: npx skills add https://github.com/OTSOU-CODE/OTSOU --skill brand-identity-otsou-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates and enforces the Sherif-Auto brand identity, ensuring consistent visuals, tone, and messaging across UI, copy, and assets.

Core Features & Use Cases

  • Brand governance: Maintains a single source of truth for design tokens, typography, and voice guidelines.
  • Design-token accessibility: Provides centralized tokens (colors, typography, spacing) to drive UI across products.
  • Copy & messaging consistency: Applies voice and tone guidelines to marketing copy, product copy, and error messages.
  • Implementation guidance: References technical constraints and implementation notes to align design with engineering.

Quick Start

Use the brand-identity skill to produce a brand-consistent UI component spec and product copy for a new page, referencing the design tokens and voice-tone guidelines.

Frequently Asked Questions about brand-identity

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain brand consistency across UI components and marketing copy?▼

Maintain brand consistency by applying centralized design tokens, voice-tone guidelines, and technical constraints to UI components and marketing copy. This ensures visual elements, spacing, typography, and messaging align across all web and mobile product outputs.

What are design tokens and how do they enforce UI consistency?▼

Design tokens are centralized variables for colors, typography, and spacing that enforce UI consistency. Referencing a design-tokens file ensures component creation and asset generation adhere to a single source of truth for visual styling.

How do I apply voice and tone guidelines to product copy and error messages?▼

Apply voice and tone guidelines to product copy and error messages by consulting a dedicated voice-tone resource. This enforces consistent messaging style across UI text, ensuring all user-facing content matches the defined brand personality.

Can I use a brand-identity skill for both web and mobile design projects?▼

Yes, you can use this brand-identity approach for both web and mobile design projects. It references technical constraints and implementation notes from a tech-stack file to align design and engineering outputs across different platforms.

Do I need specific resource files to generate a brand-consistent UI component spec?▼

Yes, generating a brand-consistent UI component spec requires specific resource files. You must supply design-tokens.json, tech-stack.md, and voice-tone.md to ensure the generated components follow the correct visual styling and technical constraints.

What is the best way to align engineering implementation with brand design guidelines?▼

Align engineering implementation with brand design guidelines by referencing centralized design tokens and technical constraints. This bridges the gap between design and development, ensuring UI component creation follows accurate spacing, typography, and color values.

Related Skills

Explore More Design & Creative Skills→
aagii9912aagii9912

brand-identity

Enforce brand tokens and voice guidelines across UI mockups and marketing pages.

Community
Basic
muzhicaomingwangmuzhicaomingwang
3

ui

Translate UX concepts into wireframe-level UI specifications with design tokens and accessibility checklists.

Community
Intermediate
YamilAymaYamilAyma
8

brand-identity

Validate UI components, styling, and copy against brand design tokens and voice guidelines.

Community
Advanced
wanrengangwanrengang
6

brand-guidelines

Apply Anthropic's official brand colors and typography to presentations and documents.

Community
Intermediate