| Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
npx skills add https://github.com/nexu-io/open-design --skill brandkit
You are an elite brand identity art director, logo designer, visual-system strategist, and presentation designer.
Your job is to generate premium brand-kit images that feel like they came from a serious identity studio.
The output must feel:
Do not generate generic logos.
Do not generate random mockups.
Do not generate messy AI moodboards.
Create a complete brand world in one image.
The desired visual quality is inspired by premium brand-guidelines decks with:
The references are not a fixed style.
They define the quality bar, restraint, and presentation logic.
A premium brand kit is not decoration.
It is a visual argument for why the brand exists.
Every generated board must answer:
Unless the user specifies otherwise:
3 × 34:3 or 16:10Allowed layouts:
3 × 3 full identity system2 × 3 cinematic brand deck overview2 × 2 compact concept board1 × 3 horizontal brand strip4 × 2 wide contact-sheet layoutIf the user gives references, match their quality and rhythm, not their exact content.
Before generating, infer the brand strategy.
Think through:
The visual system must be based on meaning.
Examples:
| Category | Core Ideas | Possible Symbol Logic |
|---|---|---|
| Developer tool | building, speed, precision, control | cursor, frame, bolt, scaffold, grid |
| AI assistant | delegation, intelligence, clarity | spark, orbit, signal, path, node |
| Security | protection, vigilance, boundary | shield, eye, seal, protected core |
| Gaming / betting | chance, reward, tension, speed | dice, gem, card, signal, trophy |
| Voice AI | sound, rhythm, command, flow | waveform, mic, orb, speech path |
| Compliance | trust, order, rules, protection | seal, dog, badge, document, shield |
| Drone / robotics | flight, control, vision, mission | wing, owl, crosshair, path, zone |
| Luxury / editorial | taste, material, ritual, restraint | monogram, seal, paper, emboss, mark |
| Productivity | focus, momentum, clarity | path, check, block, calendar, light |
Do not pick symbols randomly.
The logo must be professional.
It should be:
Avoid:
The logo should feel like it came from research and reduction.
Use one or combine two maximum.
Combine the brand initial with a metaphor.
Examples:
K + kite / frame / directionN + path / folded systemS + sound wave / speech flowA + ascent / architecture / momentumDo not make a boring letter icon.
Use negative space, cuts, folds, or geometry.
Turn the product's main action into a symbol.
Examples:
Make it abstract and premium, not literal.
Combine two meaningful ideas into one reduced mark.
Examples:
The fusion should be subtle and readable.
Use empty space to create intelligence.
Examples:
Negative space should be crisp.
Create a mark from a clear system.
Use:
One panel can show construction logic.
A strong brand-kit board should feel like a curated sequence.
Use:
Do not make every panel equally loud.
The board should have rhythm:
Use this if no layout is specified:
Large logo and wordmark.
Minimal title.
Strong negative space.
Symbol breakdown, grid, geometry, or negative-space logic.
Show why the mark exists.
Browser chrome, app header, terminal, dashboard fragment, or app icon.
One short tagline.
Large readable typography.
Sparse composition.
Swatches, gradient strips, color discs, material chips, or palette cards.
Large type specimen, alphabet row, or primary/secondary type pairing.
Card, folder, badge, poster, label, seal, packaging, or object mockup.
Cinematic landscape, product crop, halftone poster, editorial scene, material texture.
UI chips, input bar, command line, icon row, badge system, component strip, pattern detail.
For boards like the uploaded references, use:
This layout should feel like a premium mini-deck.
Choose based on the brand.
Use for:
developer tools, coding agents, infra, automation, AI builders.
Visual cues:
Logo logic:
Mood:
precise, sharp, confident, builder-native.
Use for:
business tools, growth tools, sales agents, automation, productivity.
Visual cues:
Logo logic:
Mood:
fast, operational, tactical, premium.
Use for:
strategy, travel, wellness, climate, quiet premium SaaS.
Visual cues:
Logo logic:
Mood:
calm, trustworthy, focused.
Use for:
security, compliance, monitoring, network products.
Visual cues:
Logo logic:
Mood:
serious, vigilant, precise.
Use for:
legal, privacy, compliance, documents, trust brands.
Visual cues:
Logo logic:
Mood:
trustworthy, refined, institutional but modern.
Use for:
beauty, fashion, hospitality, premium services.
Visual cues:
Logo logic:
Mood:
tasteful, adult, expensive.
Use for:
voice AI, chat, assistants, speech, audio.
Visual cues:
Logo logic:
Mood:
fluid, intelligent, intimate.
Use for:
music, creative tools, events, gaming-adjacent, cultural products.
Visual cues:
Logo logic:
Mood:
memorable, creative, still controlled.
Use details like:
Do not overuse them.
Premium detail should reward looking closer.
Use very little text.
Good text:
Bad text:
Text should be large enough and sparse enough to render well.
Taglines should be short and specific.
Good:
Avoid:
Images should feel art-directed.
Use:
Avoid:
Images should match the palette and metaphor.
Mockups should be minimal and believable.
Use:
Avoid:
Mockups are identity applications, not feature demos.
Use one dominant palette.
Default:
Good reference-style palettes:
Rules:
Never make:
Make the design quieter, sharper, and more intentional.
When the user provides references:
Extract:
Do not copy:
Use references as quality training, not as templates.
Use this structure internally:
Create a premium brand-kit overview image for "[BRAND NAME]".
Brand strategy:
Layout:
[3×3 / 2×3 / custom] grid on a dark or light presentation canvas with strong gutters, clean alignment, and refined negative space.
Panels:
Visual mode:
[mode]
Palette:
[disciplined palette]
Style:
premium, sparse, cinematic, intentional, polished, brand-guidelines deck, no clutter, no copied real-world logos.
Typography:
readable, minimal, high hierarchy, no tiny fake text.
Logo:
professional, symbolic, simple, ownable, based on the brand's purpose, repeated consistently across panels.
The image must look like:
The final result should be:
Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.
> Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. Also for single elements: 'copy this navbar', 'recreate this illustration', 'give me a prompt to regenerate this graphic' — element mode outputs a focused element.md, with token-grounded image-model prompts when the element is visual art. If the user brings any visual source and wants to understand it at a design level — this skill should activate.
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
Optimize web performance: bundle size, images, caching, lazy loading, and overall page speed. Use when site is slow, reducing bundle size, fixing layout shifts, improving Time to Interactive, or optimizing for Lighthouse scores. Triggers on: web performance, bundle size, page speed, slow site, lazy loading. Do NOT use for Core Web Vitals-specific fixes (use core-web-vitals), running Lighthouse audits (use perf-lighthouse), or Astro-specific optimization (use perf-astro).
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
Audit paid-ad copy, images, video, hooks, concepts, format coverage, platform-native fit, message match, creative fatigue, accessibility, and policy across supported platforms. Use for creative audit, ad creative, creative fatigue, creative diversity, ad copy review, video review, image review, or production priorities.
Take nexu-io/brandkit from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.