brand-identity

Enforce brand identity guidelines for visual design, technical implementation, and copywriting.

23|2|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/herdiansah/Antigravity-Skills-Master --skill brand-identity-herdiansah
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-identity
Source: https://github.com/herdiansah/Antigravity-Skills-Master/tree/main/.agent/skills/brand-identity
Command: npx skills add https://github.com/herdiansah/Antigravity-Skills-Master --skill brand-identity-herdiansah

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all generated content, UI components, and code adhere strictly to the established brand guidelines, preventing inconsistencies in visual design, technical implementation, and messaging.

Core Features & Use Cases

  • Brand Guideline Enforcement: Provides a single source of truth for colors, typography, spacing, and UI elements.
  • Technical Stack Adherence: Mandates specific frameworks, styling engines, and component libraries for consistent development.
  • Voice and Tone Consistency: Guides copywriting to maintain a professional, approachable, and jargon-free brand persona.
  • Use Case: When creating a new React component, use this skill to ensure it uses Tailwind CSS with shadcn/ui primitives and adheres to the defined color palette and typography.

Quick Start

Use the brand-identity skill to get the primary brand color and font family for headings.

Frequently Asked Questions about brand-identity

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

FAQPage Schema
How do I ensure brand consistency when generating UI components with React and Tailwind CSS?

You maintain brand consistency by enforcing predefined design tokens for colors and typography, mandating specific tech stack preferences like React and Tailwind CSS, and applying defined voice and tone principles to all generated UI components and copywriting.

What are design tokens and how do they apply to brand identity in technical implementation?

Design tokens are a single source of truth for colors, typography, and spacing that enforce brand identity. They apply to technical implementation by mandating that UI component generation and application styling adhere strictly to these specified visual parameters.

How do I maintain voice and tone consistency across generated user-facing text?

You maintain voice and tone consistency by applying defined brand persona principles that guide copywriting to remain professional, approachable, and jargon-free. This ensures all generated user-facing text aligns strictly with established brand guidelines.

Can I use this approach to enforce brand guidelines with shadcn/ui primitives?

Yes, you can enforce brand guidelines with shadcn/ui primitives by mandating their use during React component generation. This approach ensures the technical stack adheres to your defined color palette and typography while maintaining visual design consistency.

What's the best way to create a single source of truth for application styling and copywriting?

The best way to create a single source of truth for styling and copywriting is to define design tokens for UI elements and establish voice and tone principles. This enforces brand identity guidelines across visual design, technical implementation, and messaging.