skills.rest
YamilAyma
YamilAymaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brand-identity

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

8|5|Updated Feb 21, 2025
Search Tags:#brand identity#copywriting#brand guidelines#design consistency#UI design
One-click install
npx skills add https://github.com/YamilAyma/enlaces-para-desarrolladores --skill brand-identity-yamilayma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-identity
Source: https://github.com/YamilAyma/enlaces-para-desarrolladores/tree/main/.agent/skills/brand-identity
Command: npx skills add https://github.com/YamilAyma/enlaces-para-desarrolladores --skill brand-identity-yamilayma

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill ensures that all UI components, styling, copywriting, and user-facing assets adhere to a single set of brand guidelines, maintaining consistency across all touchpoints.

Core Features & Use Cases

  • Brand Guidelines Enforcement: Ensures all design elements, such as colors, fonts, and spacing, are consistent with the brand's design tokens.
  • Technical Implementation: Provides technical constraints for coding and component implementation, such as preferred tech stack and implementation rules.
  • Copywriting Standards: Offers guidelines for voice and tone to maintain a consistent brand persona in all written content.
  • Use Case: When creating a new UI component or writing marketing copy, use this Skill to ensure it aligns with the brand's identity and values.

Quick Start

Apply the brand-identity skill to style a new application UI to match the Enlaces para Desarrolladores brand.

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 across UI components and marketing copy?▼

To ensure brand consistency, you need to validate visual design, technical implementation, and copywriting against predefined design tokens, tech stack, and voice/tone guidelines across all user-facing assets.

What is the best way to enforce design tokens and technical constraints during UI design?▼

Enforcing design tokens requires validating colors, fonts, and spacing against predefined brand guidelines, while applying technical constraints for coding and component implementation to maintain strict design consistency.

How do I maintain voice and tone standards for brand copywriting?▼

Maintaining voice and tone standards involves applying predefined brand persona guidelines to validate all written content, ensuring marketing copy aligns with the specified brand identity values.

Does this brand guidelines enforcement work for both UI design and user-facing asset creation?▼

Yes, brand guidelines enforcement works for UI/UX design, marketing copy, and user-facing asset creation by validating technical implementation and visual styling against specified design tokens.

Why does my UI design lose brand consistency when scaling components?▼

UI design loses brand consistency when components bypass predefined design tokens and technical implementation rules, failing to adhere to the specified brand guidelines and voice/tone constraints.

Related Skills

Explore More Design & Creative Skills→
WesleySmitsWesleySmits
6

providing-brand-identity

Centralizes brand guidelines, design tokens, and voice/tone into a template.

Community
Intermediate
clarinovistclarinovist

brand-identity

Align brand outputs with CeritaKita Booking guidelines across UI, copy, and assets.

Community
Intermediate
wachawowachawo

ckm:brand

Manage brand identity and validate marketing asset compliance with Node.js scripts.

Community
Advanced
DarkArty07DarkArty07
3

design-md

Create DESIGN.md design token specs and export to Tailwind or W3C DTCG JSON.

Community
Intermediate