joserprieto-brand-design

Apply a portable brand design system with color, typography, spacing, and logo tokens.

2|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/joserprieto/ai-skills --skill joserprieto-brand-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: joserprieto-brand-design
Source: https://github.com/joserprieto/ai-skills/tree/main/skills/joserprieto-brand-design
Command: npx skills add https://github.com/joserprieto/ai-skills --skill joserprieto-brand-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent brand visuals across diagrams, slides, documents, and UI components when applying brand guidelines manually.

Core Features & Use Cases

  • Complete, portable joserprieto brand design system including color palettes, typography, spacing, radii, diagram conventions, logo usage, code syntax highlighting, and chart palettes.
  • Token-based approach to ensure consistent visuals across deliverables, reducing rework and misalignment.
  • Real-world use case: standardizing a deck and a set of diagrams to reflect the same token-driven brand identity.

Quick Start

Copy the joserprieto-brand-design skill into your Claude Code skills path and start applying its tokens to your next deliverable.

Frequently Asked Questions about joserprieto-brand-design

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

FAQPage Schema
How do I maintain consistent brand visuals across diagrams and presentations?

To maintain consistent brand visuals across diagrams and presentations, apply a token-based brand design system that standardizes color palettes, typography, spacing, and logo usage, reducing manual misalignment and rework.

What are design tokens and how do they unify brand identity in deliverables?

Design tokens are portable variables that define brand attributes like color, typography, and radii. They unify brand identity by ensuring identical visual values are applied automatically across all documents, UI components, and diagrams.

How do I standardize chart palettes and code syntax highlighting for brand design?

You can standardize chart palettes and code syntax highlighting by loading a complete brand design system that includes predefined chart color conventions and syntax rules, ensuring all data visualizations match your identity.

Can I apply a personal brand design system to UI components without manual configuration?

Yes, you can apply a personal brand design system to UI components without manual configuration by copying the skill into your Claude Code path and using its portable tokens and frontmatter metadata to automate visual styling.

What is the best way to scale a logo usage guideline across multiple document types?

The best way to scale logo usage guidelines across multiple document types is to use a centralized design system with portable tokens, ensuring logo placement and spacing rules are applied consistently across slides, diagrams, and UI.