skills.rest
phoenixvc
phoenixvcOFFICIAL
Explore all skills by this author →
WebsiteGitHub

brand

Manage brand.yaml specifications and regenerate editor theme files for IDEs.

Updated Feb 22, 2026
Search Tags:#vscode#design system#theme#editor#brand#palette
One-click install
npx skills add https://github.com/phoenixvc/agentkit-forge --skill brand-phoenixvc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/phoenixvc/agentkit-forge/tree/main/.agents/skills/brand
Command: npx skills add https://github.com/phoenixvc/agentkit-forge --skill brand-phoenixvc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the management of a project's visual identity by centralizing brand specifications and ensuring consistent editor themes across development environments.

Core Features & Use Cases

  • Brand Specification Management: Validates and manages brand.yaml files.
  • Editor Theme Generation: Creates and regenerates editor themes based on brand palettes.
  • Palette Preview & Auditing: Offers tools for visualizing color palettes and auditing contrast ratios.
  • Use Case: Ensure all developers on a project use the same color scheme in their IDE by regenerating the VS Code theme files from the central brand.yaml.

Quick Start

Use the brand skill to regenerate the editor theme files based on the current project brand.

Frequently Asked Questions about brand

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

FAQPage Schema
How do I generate a VS Code theme from a centralized brand.yaml file?▼

You can generate a VS Code theme from a centralized brand.yaml file by using a skill to validate the specifications and regenerate the editor theme files, ensuring all developers use the same color scheme.

What is the best way to ensure consistent editor themes across a development team?▼

The best way to ensure consistent editor themes across a development team is to centralize brand specifications in a brand.yaml file and automatically regenerate IDE color schemes from that single source.

Can I audit color palette contrast ratios for my project's brand specifications?▼

Yes, you can audit color palette contrast ratios for your project's brand specifications. The skill offers tools for visualizing color palettes and auditing contrast ratios to ensure accessibility.

How does centralizing brand specifications in a YAML file work for IDE themes?▼

Centralizing brand specifications in a YAML file works by defining your color palette once, then using scaffolding and regeneration processes to map those brand colors directly into VS Code editor theme files.

Do I need to manually update VS Code theme files when my project brand palette changes?▼

No, you do not need to manually update VS Code theme files when your project brand palette changes. You can regenerate the editor theme files automatically based on the updated central brand.yaml specification.

Can I preview a color palette before scaffolding the editor theme files?▼

Yes, you can preview a color palette before scaffolding the editor theme files. The skill provides palette preview capabilities to visualize the brand colors prior to final theme mapping and generation.

Related Skills

Explore More Design & Creative Skills→
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
danieldekaydanieldekay
1

theme-factory

Apply cohesive color palettes and typography from the themes/ directory to artifacts.

Community
Intermediate
aagii9912aagii9912

developing-ui

Enforce brand tokens, accessibility, and component patterns in UI development.

Community
Basic
thrillmadethrillmade
1

wcag-contrast

Verify color contrast against WCAG 2.2 AA standards.

Official
Advanced