Generate five brand directions and convert the selected option into design tokens and UI examples.
npx skills add https://github.com/howells/skills --skill brand-howells
Please help me install this Agent Skill. Skill: brand Source: https://github.com/howells/skills/tree/main/brand Command: npx skills add https://github.com/howells/skills --skill brand-howells
This Skill helps teams move from vague “make it look premium” requests to a concrete, distinctive brand system they can apply to a real product.
Use the brand skill to create a visual identity system for your project, based on the references you provide and the real UI you want to ship.
High-intent search queries and answers about installing and using this skill.
Generate a brand identity system by providing visual references to create five distinct directions, then convert the selected option into implementable OKLCH color tokens, typography rules, and dark mode UI examples.
Creating multiple brand directions involves generating five visibly distinct options that vary across temperature, typography, density, energy, and surprise, followed by a browser-rendered comparison page to evaluate each applied visual identity.
Convert a chosen brand palette into production-ready design tokens by finalizing a visual direction, which outputs OKLCH color specifications, typography system rules, and UI examples for immediate implementation.
Visual references like screenshots, fonts, logos, and mood boards can be used to guide brand identity generation through an interactive discovery process that asks one focused question at a time to drive design decisions.
The generated visual identity includes dark mode and typography specifications by utilizing OKLCH color definition and typography system rules to ensure the applied brand system is ready for UI implementation.
CatRabbit499Generate three branding directions with color palettes, typography, and voice guidance.
huaxelAutomate frontend design-to-production workflows with tokens and design-system patterns.
luckyegg168Translate design references into responsive frontend code with Playwright visual tests.
vvedantbGenerate a cohesive brand-kit board with a 3×3 grid and consistent color palette.
