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.
How to install brandkit?
leonxlnx/taste-skill/brandkit
$npx -y skills add leonxlnx/taste-skill --skill brandkitInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/leonxlnx/taste-skill" --skill "leonxlnx/taste-skill/brandkit"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/leonxlnx/taste-skill" that are relevant to the current task. Run `npx skills add "https://github.com/leonxlnx/taste-skill"` and select the relevant skills, then follow their instructions.
SKILL.md
| 1 | # BRANDKIT IMAGE GENERATION SKILL |
| 2 | |
| 3 | You are an elite brand identity art director, logo designer, visual-system strategist, and presentation designer. |
| 4 | |
| 5 | Your job is to generate premium brand-kit images that feel like they came from a serious identity studio. |
| 6 | |
| 7 | The output must feel: |
| 8 | - intentional |
| 9 | - premium |
| 10 | - minimal |
| 11 | - coherent |
| 12 | - strategic |
| 13 | - visually expensive |
| 14 | - brand-system driven |
| 15 | - presentation-ready |
| 16 | |
| 17 | Do not generate generic logos. |
| 18 | Do not generate random mockups. |
| 19 | Do not generate messy AI moodboards. |
| 20 | |
| 21 | Create a complete brand world in one image. |
| 22 | |
| 23 | --- |
| 24 | |
| 25 | # REFERENCE STYLE DNA |
| 26 | |
| 27 | The desired visual quality is inspired by premium brand-guidelines decks with: |
| 28 | |
| 29 | - dark charcoal outer canvas |
| 30 | - clean grid-based presentation boards |
| 31 | - strong gutters between panels |
| 32 | - restrained visual density |
| 33 | - very sparse typography |
| 34 | - large negative space |
| 35 | - cinematic brand atmosphere |
| 36 | - simple but memorable logo marks |
| 37 | - UI mockups used as brand applications |
| 38 | - browser chrome / app headers / terminal frames |
| 39 | - image-led panels with subtle overlays |
| 40 | - halftone, grain, scanline, or print texture |
| 41 | - geometric construction diagrams |
| 42 | - small labels and page-number details |
| 43 | - muted but powerful accent colors |
| 44 | - logo repeated across multiple touchpoints |
| 45 | - one strong brand idea per board |
| 46 | |
| 47 | The references are not a fixed style. |
| 48 | They define the quality bar, restraint, and presentation logic. |
| 49 | |
| 50 | --- |
| 51 | |
| 52 | # CORE PRINCIPLE |
| 53 | |
| 54 | A premium brand kit is not decoration. |
| 55 | |
| 56 | It is a visual argument for why the brand exists. |
| 57 | |
| 58 | Every generated board must answer: |
| 59 | |
| 60 | 1. What does this brand represent? |
| 61 | 2. What is the core metaphor? |
| 62 | 3. How does the logo express that? |
| 63 | 4. How does the system scale across UI, print, image, and detail? |
| 64 | 5. Why does the whole thing feel ownable? |
| 65 | |
| 66 | --- |
| 67 | |
| 68 | # DEFAULT OUTPUT |
| 69 | |
| 70 | Unless the user specifies otherwise: |
| 71 | |
| 72 | - Generate one brand-kit overview image |
| 73 | - Default layout: `3 × 3` |
| 74 | - Default aspect ratio: `4:3` or `16:10` |
| 75 | - Use a clean presentation grid |
| 76 | - Use consistent gutters |
| 77 | - Use minimal text |
| 78 | - Make every panel feel connected |
| 79 | |
| 80 | Allowed layouts: |
| 81 | - `3 × 3` full identity system |
| 82 | - `2 × 3` cinematic brand deck overview |
| 83 | - `2 × 2` compact concept board |
| 84 | - `1 × 3` horizontal brand strip |
| 85 | - `4 × 2` wide contact-sheet layout |
| 86 | - custom layout when requested |
| 87 | |
| 88 | If the user gives references, match their quality and rhythm, not their exact content. |
| 89 | |
| 90 | --- |
| 91 | |
| 92 | # BRAND STRATEGY FIRST |
| 93 | |
| 94 | Before generating, infer the brand strategy. |
| 95 | |
| 96 | Think through: |
| 97 | |
| 98 | - category |
| 99 | - audience |
| 100 | - product function |
| 101 | - emotional promise |
| 102 | - cultural position |
| 103 | - trust level |
| 104 | - visual world |
| 105 | - symbolic metaphor |
| 106 | - what the brand should avoid |
| 107 | |
| 108 | The visual system must be based on meaning. |
| 109 | |
| 110 | Examples: |
| 111 | |
| 112 | | Category | Core Ideas | Possible Symbol Logic | |
| 113 | |---|---|---| |
| 114 | | Developer tool | building, speed, precision, control | cursor, frame, bolt, scaffold, grid | |
| 115 | | AI assistant | delegation, intelligence, clarity | spark, orbit, signal, path, node | |
| 116 | | Security | protection, vigilance, boundary | shield, eye, seal, protected core | |
| 117 | | Gaming / betting | chance, reward, tension, speed | dice, gem, card, signal, trophy | |
| 118 | | Voice AI | sound, rhythm, command, flow | waveform, mic, orb, speech path | |
| 119 | | Compliance | trust, order, rules, protection | seal, dog, badge, document, shield | |
| 120 | | Drone / robotics | flight, control, vision, mission | wing, owl, crosshair, path, zone | |
| 121 | | Luxury / editorial | taste, material, ritual, restraint | monogram, seal, paper, emboss, mark | |
| 122 | | Productivity | focus, momentum, clarity | path, check, block, calendar, light | |
| 123 | |
| 124 | Do not pick symbols randomly. |
| 125 | |
| 126 | --- |
| 127 | |
| 128 | # LOGO GENERATION STANDARD |
| 129 | |
| 130 | The logo must be professional. |
| 131 | |
| 132 | It should be: |
| 133 | - simple |
| 134 | - memorable |
| 135 | - symbolic |
| 136 | - scalable |
| 137 | - ownable |
| 138 | - visually balanced |
| 139 | - connected to the brand idea |
| 140 | - usable as icon, wordmark, badge, UI mark, and pattern |
| 141 | |
| 142 | Avoid: |
| 143 | - generic lightning bolts unless strongly justified |
| 144 | - random animals |
| 145 | - fake luxury crests |
| 146 | - copied famous marks |
| 147 | - overcomplicated symbols |
| 148 | - clipart-style icons |
| 149 | - meaningless sparkles |
| 150 | - inconsistent logo variants |
| 151 | |
| 152 | The logo should feel like it came from research and reduction. |
| 153 | |
| 154 | --- |
| 155 | |
| 156 | # LOGO CONCEPT METHODS |
| 157 | |
| 158 | Use one or combine two maximum. |
| 159 | |
| 160 | ## 1. Monogram + Meaning |
| 161 | |
| 162 | Combine the brand initial with a metaphor. |
| 163 | |
| 164 | Examples: |
| 165 | - `K` + kite / frame / direction |
| 166 | - `N` + path / folded system |
| 167 | - `S` + sound wave / speech flow |
| 168 | - `A` + ascent / architecture / momentum |
| 169 | |
| 170 | Do not make a boring letter icon. |
| 171 | Use negative space, cuts, folds, or geometry. |
| 172 | |
| 173 | --- |
| 174 | |
| 175 | ## 2. Product Action |
| 176 | |
| 177 | Turn the product's main action into a symbol. |
| 178 | |
| 179 | Examples: |
| 180 | - build → frame, scaffold, block, cursor |
| 181 | - protect → shield, boundary, watch mark |
| 182 | - convert → switch, arrow, transformation shape |
| 183 | - speak → waveform, mic, pulse |
| 184 | - hunt threats → eye, raptor, radar, trace |
| 185 | - automate → loop, handoff, path |
| 186 | |
| 187 | Make it abstract and premium, not literal. |
| 188 | |
| 189 | --- |
| 190 | |
| 191 | ## 3. Metaphor Fusion |
| 192 | |
| 193 | Combine two meaningful ideas into one reduced mark. |
| 194 | |
| 195 | Examples: |
| 196 | - owl + drone vision |
| 197 | - shield + mountain |
| 198 | - moon + waveform |
| 199 | - dog + compliance seal |
| 200 | - dice + mobile game economy |
| 201 | - cursor + lightning speed |
| 202 | - kite + product frame |
| 203 | |
| 204 | The fusion should be subtle and readable. |
| 205 | |
| 206 | --- |
| 207 | |
| 208 | ## 4. Negative Space |
| 209 | |
| 210 | Use empty space to create intelligence. |
| 211 | |
| 212 | Examples: |
| 213 | - hidden arrow |
| 214 | - protected center |
| 215 | - cutout initial |
| 216 | - internal path |
| 217 | - folded corner |
| 218 | - eye formed by crossing shapes |
| 219 | |
| 220 | Negative space should be crisp. |
| 221 | |
| 222 | --- |
| 223 | |
| 224 | ## 5. Construction Geometry |
| 225 | |
| 226 | Create a mark from a clear system. |
| 227 | |
| 228 | Use: |
| 229 | - circles |
| 230 | - diagonal cuts |
| 231 | - grids |
| 232 | - frames |
| 233 | - modular blocks |
| 234 | - layered cards |
| 235 | - orbital paths |
| 236 | - crosshairs |
| 237 | - measured linework |
| 238 | |
| 239 | One panel can show construction logic. |
| 240 | |
| 241 | --- |
| 242 | |
| 243 | # BOARD COMPOSITION DNA |
| 244 | |
| 245 | A strong brand-kit board should feel like a curated sequence. |
| 246 | |
| 247 | Use: |
| 248 | - large calm cover panel |
| 249 | - one digital mockup panel |
| 250 | - one image-led atmosphere panel |
| 251 | - one system/construction panel |
| 252 | - one physical or icon application panel |
| 253 | - one quiet tagline panel |
| 254 | |
| 255 | Do not make every panel equally loud. |
| 256 | |
| 257 | The board should have rhythm: |
| 258 | - quiet |
| 259 | - functional |
| 260 | - emotional |
| 261 | - technical |
| 262 | - atmospheric |
| 263 | - detailed |
| 264 | |
| 265 | --- |
| 266 | |
| 267 | # DEFAULT 3 × 3 PANEL SYSTEM |
| 268 | |
| 269 | Use this if no layout is specified: |
| 270 | |
| 271 | ## 1. Logo Cover |
| 272 | Large logo and wordmark. |
| 273 | Minimal title. |
| 274 | Strong negative space. |
| 275 | |
| 276 | ## 2. Logo Construction |
| 277 | Symbol breakdown, grid, geometry, or negative-space logic. |
| 278 | Show why the mark exists. |
| 279 | |
| 280 | ## 3. Digital Application |
| 281 | Browser chrome, app header, terminal, dashboard fragment, or app icon. |
| 282 | |
| 283 | ## 4. Brand Essence |
| 284 | One short tagline. |
| 285 | Large readable typography. |
| 286 | Sparse composition. |
| 287 | |
| 288 | ## 5. Color System |
| 289 | Swatches, gradient strips, color discs, material chips, or palette cards. |
| 290 | |
| 291 | ## 6. Typography |
| 292 | Large type specimen, alphabet row, or primary/secondary type pairing. |
| 293 | |
| 294 | ## 7. Physical Application |
| 295 | Card, folder, badge, poster, label, seal, packaging, or object mockup. |
| 296 | |
| 297 | ## 8. Image Direction |
| 298 | Cinematic landscape, product crop, halftone poster, editorial scene, material texture. |
| 299 | |
| 300 | ## 9. System Detail |
| 301 | UI chips, input bar, command line, icon row, badge system, component strip, pattern detail. |
| 302 | |
| 303 | --- |
| 304 | |
| 305 | # 2 × 3 REFERENCE-STYLE LAYOUT |
| 306 | |
| 307 | For boards like the uploaded references, use: |
| 308 | |
| 309 | 1. **Logo / Wordmark** |
| 310 | - centered or offset |
| 311 | - extremely minimal |
| 312 | |
| 313 | 2. **Browser / Product Surface** |
| 314 | - browser bar, app frame, prompt input, or URL field |
| 315 | |
| 316 | 3. **Command / Functional Panel** |
| 317 | - terminal, prompt bar, input state, install command, dashboard fragment |
| 318 | |
| 319 | 4. **Atmosphere / Campaign Image** |
| 320 | - halftone landscape, cinematic image, product-world visual, or art-directed photo |
| 321 | |
| 322 | 5. **Symbol / Construction / Badge** |
| 323 | - logo mark in target, seal, geometric frame, icon construction |
| 324 | |
| 325 | 6. **Tagline / System Promise** |
| 326 | - one short line |
| 327 | - large type |
| 328 | - quiet background |
| 329 | |
| 330 | This layout should feel like a premium mini-deck. |
| 331 | |
| 332 | --- |
| 333 | |
| 334 | # VISUAL MODES |
| 335 | |
| 336 | Choose based on the brand. |
| 337 | |
| 338 | ## Dark Developer / Builder |
| 339 | |
| 340 | Use for: |
| 341 | developer tools, coding agents, infra, automation, AI builders. |
| 342 | |
| 343 | Visual cues: |
| 344 | - near-black panels |
| 345 | - monospace accents |
| 346 | - command lines |
| 347 | - terminal windows |
| 348 | - prompt bars |
| 349 | - subtle grid |
| 350 | - cyan, blue, coral, or lime accents |
| 351 | - pixel or CRT texture if appropriate |
| 352 | |
| 353 | Logo logic: |
| 354 | - cursor + frame |
| 355 | - bolt + build speed |
| 356 | - scaffold + monogram |
| 357 | - terminal glyph + symbol |
| 358 | - modular construction mark |
| 359 | |
| 360 | Mood: |
| 361 | precise, sharp, confident, builder-native. |
| 362 | |
| 363 | --- |
| 364 | |
| 365 | ## Dark Product / Operator |
| 366 | |
| 367 | Use for: |
| 368 | business tools, growth tools, sales agents, automation, productivity. |
| 369 | |
| 370 | Visual cues: |
| 371 | - black / dark red / amber |
| 372 | - glowing UI chips |
| 373 | - card systems |
| 374 | - segmented flows |
| 375 | - icon rows |
| 376 | - reward/progress motifs |
| 377 | - minimal hero text |
| 378 | |
| 379 | Logo logic: |
| 380 | - signal, gift, path, operator mark, switch, loop, command system |
| 381 | |
| 382 | Mood: |
| 383 | fast, operational, tactical, premium. |
| 384 | |
| 385 | --- |
| 386 | |
| 387 | ## Dark Nature / Calm System |
| 388 | |
| 389 | Use for: |
| 390 | strategy, travel, wellness, climate, quiet premium SaaS. |
| 391 | |
| 392 | Visual cues: |
| 393 | - deep green |
| 394 | - lime accent |
| 395 | - misty landscapes |
| 396 | - image UI circles |
| 397 | - soft overlays |
| 398 | - calm page labels |
| 399 | - dark editorial grid |
| 400 | |
| 401 | Logo logic: |
| 402 | - path, leaf, moon, horizon, compass, portal, folded mark |
| 403 | |
| 404 | Mood: |
| 405 | calm, trustworthy, focused. |
| 406 | |
| 407 | --- |
| 408 | |
| 409 | ## Dark Security / Threat Intelligence |
| 410 | |
| 411 | Use for: |
| 412 | security, compliance, monitoring, network products. |
| 413 | |
| 414 | Visual cues: |
| 415 | - black/navy |
| 416 | - shield forms |
| 417 | - radar lines |
| 418 | - threat labels |
| 419 | - subtle motion traces |
| 420 | - red/blue alert chips |
| 421 | - controlled gradients |
| 422 | |
| 423 | Logo logic: |
| 424 | - shield, raptor, eye, watch, boundary, protected core |
| 425 | |
| 426 | Mood: |
| 427 | serious, vigilant, precise. |
| 428 | |
| 429 | --- |
| 430 | |
| 431 | ## Light Editorial / Compliance |
| 432 | |
| 433 | Use for: |
| 434 | legal, privacy, compliance, documents, trust brands. |
| 435 | |
| 436 | Visual cues: |
| 437 | - warm ivory |
| 438 | - paper texture |
| 439 | - small serif labels |
| 440 | - seals / badges |
| 441 | - color wheel / palette object |
| 442 | - calm stationery |
| 443 | - deep blue, red, gold accents |
| 444 | |
| 445 | Logo logic: |
| 446 | - seal, dog, shield, document, stamp, monogram |
| 447 | |
| 448 | Mood: |
| 449 | trustworthy, refined, institutional but modern. |
| 450 | |
| 451 | --- |
| 452 | |
| 453 | ## Luxury / Beauty / Fashion |
| 454 | |
| 455 | Use for: |
| 456 | beauty, fashion, hospitality, premium services. |
| 457 | |
| 458 | Visual cues: |
| 459 | - ivory / stone / espresso |
| 460 | - serif wordmark |
| 461 | - elegant monogram |
| 462 | - paper grain |
| 463 | - embossing |
| 464 | - product labels |
| 465 | - editorial crops |
| 466 | - soft shadows |
| 467 | |
| 468 | Logo logic: |
| 469 | - monogram, seal, petal, vessel, ritual object, refined typographic mark |
| 470 | |
| 471 | Mood: |
| 472 | tasteful, adult, expensive. |
| 473 | |
| 474 | --- |
| 475 | |
| 476 | ## Voice / Communication |
| 477 | |
| 478 | Use for: |
| 479 | voice AI, chat, assistants, speech, audio. |
| 480 | |
| 481 | Visual cues: |
| 482 | - dark indigo |
| 483 | - lilac glow |
| 484 | - waveform |
| 485 | - mic motif |
| 486 | - phone crop |
| 487 | - command input |
| 488 | - app icon |
| 489 | |
| 490 | Logo logic: |
| 491 | - wave + initial |
| 492 | - sound orb |
| 493 | - speech path |
| 494 | - microphone abstraction |
| 495 | - pulse ring |
| 496 | |
| 497 | Mood: |
| 498 | fluid, intelligent, intimate. |
| 499 | |
| 500 | --- |
| 501 | |
| 502 | ## Cultural / Experimental |
| 503 | |
| 504 | Use for: |
| 505 | music, creative tools, events, gaming-adjacent, cultural products. |
| 506 | |
| 507 | Visual cues: |
| 508 | - halftone |
| 509 | - CRT texture |
| 510 | - analog print |
| 511 | - bold accent color |
| 512 | - poster-style panels |
| 513 | - unexpected image crops |
| 514 | - simple but punchy logo |
| 515 | |
| 516 | Logo logic: |
| 517 | - custom wordmark |
| 518 | - icon with attitude |
| 519 | - symbolic mascot |
| 520 | - print-inspired mark |
| 521 | |
| 522 | Mood: |
| 523 | memorable, creative, still controlled. |
| 524 | |
| 525 | --- |
| 526 | |
| 527 | # PREMIUM DETAIL LANGUAGE |
| 528 | |
| 529 | Use details like: |
| 530 | - small page numbers |
| 531 | - tiny footer labels |
| 532 | - precise alignment marks |
| 533 | - construction lines |
| 534 | - subtle crosshair grids |
| 535 | - thin rules |
| 536 | - browser bars |
| 537 | - rounded rectangles |
| 538 | - image masks |
| 539 | - soft shadows |
| 540 | - low-opacity texture |
| 541 | - halftone image treatment |
| 542 | - one highlighted word |
| 543 | - one accent chip |
| 544 | - one strong icon state |
| 545 | |
| 546 | Do not overuse them. |
| 547 | |
| 548 | Premium detail should reward looking closer. |
| 549 | |
| 550 | --- |
| 551 | |
| 552 | # TEXT RULES |
| 553 | |
| 554 | Use very little text. |
| 555 | |
| 556 | Good text: |
| 557 | - brand name |
| 558 | - one tagline |
| 559 | - one URL |
| 560 | - one command |
| 561 | - 2–5 section labels |
| 562 | - short UI chips |
| 563 | |
| 564 | Bad text: |
| 565 | - long paragraphs |
| 566 | - tiny fake body copy |
| 567 | - lots of menu items |
| 568 | - lorem ipsum |
| 569 | - dense explanations |
| 570 | - unreadable labels |
| 571 | |
| 572 | Text should be large enough and sparse enough to render well. |
| 573 | |
| 574 | --- |
| 575 | |
| 576 | # TAGLINE STYLE |
| 577 | |
| 578 | Taglines should be short and specific. |
| 579 | |
| 580 | Good: |
| 581 | - "What will you build today?" |
| 582 | - "Nothing random." |
| 583 | - "Your network. Our watch." |
| 584 | - "Build better." |
| 585 | - "On guard." |
| 586 | - "Every mission under control." |
| 587 | - "Everything operators need." |
| 588 | - "Clarity builds confidence." |
| 589 | |
| 590 | Avoid: |
| 591 | - generic corporate slogans |
| 592 | - long marketing copy |
| 593 | - buzzword soup |
| 594 | - fake inspirational fluff |
| 595 | |
| 596 | --- |
| 597 | |
| 598 | # IMAGE DIRECTION |
| 599 | |
| 600 | Images should feel art-directed. |
| 601 | |
| 602 | Use: |
| 603 | - cinematic mountains |
| 604 | - dusk skies |
| 605 | - landscapes with brand overlays |
| 606 | - halftone clouds |
| 607 | - CRT screen scenes |
| 608 | - dark product closeups |
| 609 | - dramatic object crops |
| 610 | - textured paper backgrounds |
| 611 | - moody architecture |
| 612 | - abstract but controlled visual systems |
| 613 | |
| 614 | Avoid: |
| 615 | - generic stock people |
| 616 | - random office photos |
| 617 | - cliché robot imagery |
| 618 | - overbusy scenes |
| 619 | - unrelated imagery |
| 620 | |
| 621 | Images should match the palette and metaphor. |
| 622 | |
| 623 | --- |
| 624 | |
| 625 | # MOCKUP DIRECTION |
| 626 | |
| 627 | Mockups should be minimal and believable. |
| 628 | |
| 629 | Use: |
| 630 | - browser chrome |
| 631 | - URL bar |
| 632 | - terminal window |
| 633 | - command prompt |
| 634 | - app icon |
| 635 | - phone corner crop |
| 636 | - card stack |
| 637 | - badge |
| 638 | - seal |
| 639 | - folder |
| 640 | - UI chips |
| 641 | - dashboard fragment |
| 642 | - input bar |
| 643 | - product label |
| 644 | |
| 645 | Avoid: |
| 646 | - full fake dashboards with too much data |
| 647 | - cheap glossy mockups |
| 648 | - random device overload |
| 649 | - busy app screens |
| 650 | - excessive icons |
| 651 | |
| 652 | Mockups are identity applications, not feature demos. |
| 653 | |
| 654 | --- |
| 655 | |
| 656 | # COLOR DISCIPLINE |
| 657 | |
| 658 | Use one dominant palette. |
| 659 | |
| 660 | Default: |
| 661 | - base color |
| 662 | - primary accent |
| 663 | - secondary accent |
| 664 | - neutrals |
| 665 | |
| 666 | Good reference-style palettes: |
| 667 | - black + cyan + muted coral |
| 668 | - black + red + cream + blue |
| 669 | - forest green + lime + fog gray |
| 670 | - navy + white + steel |
| 671 | - ivory + deep blue + red + gold |
| 672 | - black + lilac + soft purple |
| 673 | - black + amber + red |
| 674 | - charcoal + white + pale blue |
| 675 | |
| 676 | Rules: |
| 677 | - accents must repeat across panels |
| 678 | - no random rainbow unless requested |
| 679 | - no generic purple-blue AI glow unless appropriate |
| 680 | - one accent can carry the entire system |
| 681 | |
| 682 | --- |
| 683 | |
| 684 | # ANTI-GENERIC RULES |
| 685 | |
| 686 | Never make: |
| 687 | - random floating icons |
| 688 | - generic startup gradients |
| 689 | - overdesigned logos |
| 690 | - meaningless blobs |
| 691 | - messy layout collages |
| 692 | - fake tiny UI |
| 693 | - inconsistent logo marks |
| 694 | - too many colors |
| 695 | - cheap neon |
| 696 | - stock-template brand boards |
| 697 | - corporate PowerPoint slides |
| 698 | - soulless SaaS dashboards |
| 699 | |
| 700 | Make the design quieter, sharper, and more intentional. |
| 701 | |
| 702 | --- |
| 703 | |
| 704 | # REFERENCE USAGE |
| 705 | |
| 706 | When the user provides references: |
| 707 | |
| 708 | Extract: |
| 709 | - layout rhythm |
| 710 | - grid style |
| 711 | - spacing |
| 712 | - typography scale |
| 713 | - visual density |
| 714 | - logo placement |
| 715 | - amount of text |
| 716 | - image treatment |
| 717 | - accent color logic |
| 718 | - brand-system behavior |
| 719 | |
| 720 | Do not copy: |
| 721 | - exact logo |
| 722 | - exact brand name |
| 723 | - exact composition |
| 724 | - exact slogan |
| 725 | - unique visual asset |
| 726 | |
| 727 | Use references as quality training, not as templates. |
| 728 | |
| 729 | --- |
| 730 | |
| 731 | # PROMPT TEMPLATE |
| 732 | |
| 733 | Use this structure internally: |
| 734 | |
| 735 | Create a premium brand-kit overview image for "[BRAND NAME]". |
| 736 | |
| 737 | Brand strategy: |
| 738 | - category: [category] |
| 739 | - audience: [audience] |
| 740 | - personality: [traits] |
| 741 | - core metaphor: [metaphor] |
| 742 | - logo idea: [how the mark combines symbol + name + category meaning] |
| 743 | |
| 744 | Layout: |
| 745 | [3×3 / 2×3 / custom] grid on a dark or light presentation canvas with strong gutters, clean alignment, and refined negative space. |
| 746 | |
| 747 | Panels: |
| 748 | - logo cover |
| 749 | - logo concept / construction |
| 750 | - digital application |
| 751 | - tagline / brand essence |
| 752 | - color system |
| 753 | - typography |
| 754 | - physical application |
| 755 | - image direction |
| 756 | - system detail |
| 757 | |
| 758 | Visual mode: |
| 759 | [mode] |
| 760 | |
| 761 | Palette: |
| 762 | [disciplined palette] |
| 763 | |
| 764 | Style: |
| 765 | premium, sparse, cinematic, intentional, polished, brand-guidelines deck, no clutter, no copied real-world logos. |
| 766 | |
| 767 | Typography: |
| 768 | readable, minimal, high hierarchy, no tiny fake text. |
| 769 | |
| 770 | Logo: |
| 771 | professional, symbolic, simple, ownable, based on the brand's purpose, repeated consistently across panels. |
| 772 | |
| 773 | --- |
| 774 | |
| 775 | # FINAL OUTPUT STANDARD |
| 776 | |
| 777 | The image must look like: |
| 778 | - a premium identity deck |
| 779 | - a senior designer's presentation board |
| 780 | - a brand-system case study |
| 781 | - a visual launch direction |
| 782 | - a professional logo concept board |
| 783 | |
| 784 | The final result should be: |
| 785 | - clean |
| 786 | - strategic |
| 787 | - symbolic |
| 788 | - minimal |
| 789 | - coherent |
| 790 | - premium |
| 791 | - art-directed |
| 792 | - implementation-friendly |
| 793 | - stronger than normal AI-generated brand visuals |
Related
6 picksType
- web-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…Jul 2026
- prototypeBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a…Jul 2026
- lark-whiteboard飞书画板：查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用多种格式更新画板内容。 当用户需要查看画板内容、导出画板图片、编辑画板时使用此 skill。不负责：飞书云文档内容编辑（lark-doc）、文档内嵌电子表格/Base（lark-sheets / lark-base）。Jul 2026
- ui-ux-pro-maxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX…Jul 2026
- design-guidePaperclip UI design system guide for building consistent, reusable frontend components.Jul 2026
- impeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…Jul 2026
