How do I install the Shared Brand skill?

Run npx skillmds@latest add tomevault-io/shared-brand in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Shared Brand safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Shared Brand?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Shared Brand free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Shared Brand?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Shared Brand by tomevault-io — Agent Skill

Name: Shared Brand
Author: tomevault-io

File contents

Purpose

Define brand identity once. Platform styleguides reference this for colors, typography philosophy, design direction, and anti-patterns — then add platform-specific details.

Design direction

Aesthetic: premium consumer with selective immersive moments
Tone: confident, intentional, restrained
"Wow" is used sparingly and purposefully

If a screen could belong to any generic product, it does not meet the bar.

Brand colors

Core palette

brand.orange = #FF5E1A
neutral.white = #FFFFFF
neutral.lightGray = #DAD9D9
neutral.darkGray = #282828
neutral.black = #000000

Usage rules

Raw hex values must not appear in components or views
All color usage must reference semantic tokens
Contrast must meet WCAG 2.1 AA in both light and dark modes
See platform styleguide references for token implementations

Typography

Banned as primary/sole font: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Nunito, Source Sans, IBM Plex Sans

Typography must contribute voice, not just legibility. No single neutral sans-serif everywhere.

Anti-patterns (avoid)

Cards

Don't wrap everything in cards
Don't nest cards inside cards
Prefer whitespace and scale over borders

Effects

No decorative animation — motion must communicate state or causality
Glass is a material, not decoration — must convey depth or focus
No overly neutral palettes — brand accent used decisively

General

Template layouts shipped unchanged do not meet the bar
Perfect symmetry without intent
Unchanged framework defaults (shadcn, PrimeNG, SwiftUI)

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: shared-branddescription: Brand identity, design tokens, and anti-pattern philosophy shared across all platforms. Use when this capability is needed.---## PurposeDefine brand identity once. Platform styleguides reference this for colors, typography philosophy, design direction, and anti-patterns — then add platform-specific details.## Design direction- **Aesthetic:** premium consumer with selective immersive moments- **Tone:** confident, intentional, restrained- **"Wow"** is used sparingly and purposefullyIf a screen could belong to any generic product, it does not meet the bar.## Brand colors### Core palette- `brand.orange` = #FF5E1A- `neutral.white` = #FFFFFF- `neutral.lightGray` = #DAD9D9- `neutral.darkGray` = #282828- `neutral.black` = #000000### Usage rules- Raw hex values must not appear in components or views- All color usage must reference semantic tokens- Contrast must meet WCAG 2.1 AA in both light and dark modes- See platform styleguide references for token implementations## Typography**Banned as primary/sole font:**Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Nunito, Source Sans, IBM Plex SansTypography must contribute voice, not just legibility. No single neutral sans-serif everywhere.## Anti-patterns (avoid)### Cards- Don't wrap everything in cards- Don't nest cards inside cards- Prefer whitespace and scale over borders### Effects- No decorative animation — motion must communicate state or causality- Glass is a material, not decoration — must convey depth or focus- No overly neutral palettes — brand accent used decisively### General- Template layouts shipped unchanged do not meet the bar- Perfect symmetry without intent- Unchanged framework defaults (shadcn, PrimeNG, SwiftUI)---> Converted and distributed by [TomeVault](https://tomevault.io/claim/edfenton) — claim your Tome and manage your conversions.

Frequently asked questions

Shared Brand