Brandkit is an agent skill for generating brand-identity boards as images: logo concepts, colour systems, typography and mockups laid out like a studio's guidelines deck. It asks the agent to work as an identity art director, with a strategy step before any panel is drawn and rules against generic symbols and clip-art logos. It produces images only, so use it with an agent or app that can generate images, such as Codex's image mode or ChatGPT Images, and hand the result to your design or coding work afterwards. By the author of Taste Skill; it moved to its own repository in October 2026.
- Made by
- Leonxlnx
- Category
- Branding & Identity
- License
- MIT
- Added
- October 2026
- Source
- View source on GitHub
How to install Brandkit
Claude Code
For Claude Code in the terminal, the desktop app or your editor.
As a plugin · recommended
- Add the marketplace, inside Claude Code:
- Then install the plugin that contains this skill:
With the skills CLI
- Run this in your terminal. It installs the skill for every project; leave out -g to install it for the current project only.
By hand
- Copy the skill's folder into your skills folder, keeping its name:
- For one project only, use .claude/skills/ inside the project instead.
Using it: Claude loads the skill on its own when your request matches what it does. To call it directly, start your message with /brandkit.
How to install skills in Claude - updating, removing and fixing a skill that does not load.
Claude app
For claude.ai and the Claude desktop app, on Free, Pro, Max, Team and Enterprise plans.
- Turn on code execution: Settings → Capabilities → “Code execution and file creation”. On Team and Enterprise an owner enables skills for the organization first.
- Download the repository as a ZIP from GitHub (Code → Download ZIP) and unzip it.
- Take out the “skills/brandkit” folder and zip that folder on its own. The folder name must stay “brandkit”.
- In Claude, open Customize → Skills, click +, choose “Create skill”, then “Upload a skill”, and pick the ZIP.
Using it: Claude uses the skill automatically when it is relevant. You can also ask for it by name, for example: “Use the Brandkit skill to…”.
How to install skills in Claude - updating, removing and fixing a skill that does not load.
Codex
For OpenAI Codex: the CLI, the IDE extension and the ChatGPT desktop app.
With the skills CLI · recommended
- Run this in your terminal. It installs the skill for every project; leave out -g for the current project only.
With Codex's installer
- Ask Codex's built-in installer to fetch it:
By hand
- Copy the skill's folder into your skills folder, keeping its name:
- For one repository only, use .agents/skills/ inside it. Restart Codex if the skill does not show up.
Using it: Codex picks the skill up when your request matches it. To call it directly, mention $brandkit or choose it from /skills.
How to install skills in Codex - updating, removing and fixing a skill that does not load.
Other AI tools
Cursor, Gemini CLI, GitHub Copilot, Windsurf, OpenCode and other agents that read the Agent Skills format - plus any chat model.
Coding agents · recommended
- Run this in your terminal. The CLI finds the agents you have installed and asks which ones to add the skill to.
Any chat model
- A model with no skill support can still follow one. Open the skill's SKILL.md, copy everything below the --- block at the top, and paste it into the model's custom instructions or at the start of your chat.
Using it: In an agent, the skill loads when your request matches it. In a chat, it applies to the conversation you pasted it into.
How to install skills in other AI tools - updating, removing and fixing a skill that does not load.
Read the skill before you install it: its SKILL.md on GitHub. A skill is instructions your agent follows, so treat a third-party one like code you are about to run.
Prompts to try
Once the skill is installed, ask for any of these. Click one to copy it.
More design skills
All agent skills-
Canvas Design Anthropic's official Canvas Design skill makes posters and other static designs as PNG or PDF, starting from a design philosophy it writes first. Anthropic -
Frontend Design Anthropic's official Frontend Design skill steers AI agents away from templated UI toward a deliberate palette, typography and layout for each brief. Anthropic -
Web Design Guidelines Vercel's Web Design Guidelines skill audits your UI code against the Web Interface Guidelines and reports accessibility and UX issues by file and line. Vercel -
Emil Kowalski Design Engineering Emil Kowalski's design engineering skill teaches AI agents his approach to UI polish, component design and animation decisions. Emil Kowalski -
UI/UX Pro Max UI/UX Pro Max gives AI agents a searchable library of UI styles, palettes, font pairings and UX guidelines to design and review interfaces. nextlevelbuilder -
Image To Code Image To Code makes your agent design a website as images first, study them, then build the frontend to match. Built for Codex. Leonxlnx