Generate six logo directions and seven brand assets for a UI kit.
npx skills add https://github.com/kftof/ui-kit --skill ui-kit-brand-explorer
Please help me install this Agent Skill. Skill: ui-kit-brand-explorer Source: https://github.com/kftof/ui-kit/tree/main/ui-kit-brand-explorer Command: npx skills add https://github.com/kftof/ui-kit --skill ui-kit-brand-explorer
This Skill helps product teams and designers quickly ideate, compare, and converge on a brand identity for a UI kit by producing multiple visual directions and a complete set of brand assets that stay consistent with the kit's tokens.
Point the skill at your kit root containing ds/tokens.css and an existing brand brief to generate six logo directions and the seven brand assets.
High-intent search queries and answers about installing and using this skill.
To generate brand assets for a UI kit, you need an initial brief and a kit root containing ds/tokens.css. The tool outputs a complete set of seven consistent SVG brand assets, including logo.svg, app-icon.svg, and favicon.svg, directly into your ds/assets/brand directory.
Yes, you can preview logo variants and capture user feedback by generating a Brand explorer.html file. This file displays the proposed branding directions visually, allowing teams to review, compare, and select a final brand identity before committing to the asset output.
You need to provide your kit root directory containing the ds/tokens.css file and an initial brand brief. These inputs ensure the generated logo directions and brand assets stay visually consistent with your existing design system tokens.
Yes, brand asset generation validates SVG integrity during the output process. It checks the generated files, such as logo-mark.svg and splash.svg, ensuring they meet structural requirements before updating the UI Kit brand section within your design system.
The best way to ideate a complete brand identity set is to automatically generate six distinct logo directions and seven corresponding brand assets from a single brief. This approach ensures visual consistency across logos, app icons, and favicons by aligning outputs with existing design tokens.
truchotDefine visual identity, brand language, and governance for projects.
AradotsoGenerate design tokens and UI components from DESIGN.md files.
dmedina-devSynchronize brand guidelines, design tokens, and marketing assets across projects.
pengelbrechtGenerate scalable SVG logo concepts from descriptive briefs with layout variations.
