A grid of 24 example brand logos from the upstream project.
Project screenshotsAbout this Skill
Turn one brief into up to four identity directions that connect a visual idea, a logo, typography and colour. Review side-by-side boards and measured checks before choosing a direction; the agent then prepares a guidelines kit.
Why we picked it
An open-source upstream skill. Install the original files and follow its documented dependencies.
What it helps with
- Create a new visual identity or refresh selected elements while keeping existing assets.
- Compare logo, type and colour directions for a website or critique an existing identity.
What it produces
Comparison boards, contrast and font checks, plus a PDF guidelines kit, SVG and PNG logo variants, and design tokens for the selected direction.
Try a concrete request
Example request
After installation, ask your agent:
Create three identity directions for a neighborhood bookshop, keeping our existing logo and refreshing the typography and colours.
Before you use it
- Python 3.10+, a Chromium-based browser and preferably uv; network access is used for font resources and optional site previews. The upstream end-to-end workflow is tested with Claude Code.
- Review logo and font licensing and arrange trademark clearance before commercial use.
Supported agents
Claude CodeCodex CLI
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
