A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade design craft deck for brand team, client.
SkillScore32Maintained
Automatic
◆Frontend / UI pack
Last verified 8/2/2026
What it changes
Passed 7 of 22 test cases with the skill, and 5 of 22 without it.
Without skill23%
With skill32%
Checks it passed that the model alone missed
Uses Archivo Black font
Applies a pink accent color
Sets a light background color
and 6 more in the full report
6 fixed1 passed either way11 still failing4 broke
Pass-rate lift
+9 pp
Tokens
+34%
Agent turns
0%
Response time
+19%
Model gemini-3.6-flashMeasured 8/2/2026v17 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 6
Prompt
I need a pitch deck for our ad shop to present a new campaign concept to a client. We want an expressive, design-forward look that shows off our taste. Please generate the presentation as a complete HTML document wrapped in an artifact tag with the identifier zhangzara-creative-mode. Include slides for the team, our vision, and three campaign concepts.
What was checked, without and with the skill
Checked
Without skill
With skill
Uses Archivo Black font
Missed
Passed
Applies a green accent color
Passed
Passed
Applies a pink accent color
Missed
Passed
case-01 · gemini-3.6-flash · 8/2/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md68 lines2 files
Creative Mode
Cream paper canvas with confident multi-color (green, pink, orange, yellow) accents and Archivo Black display.
A single self-contained HTML deck — typography, palette, decorative system,
and slide vocabulary are all tuned together. Mixing layouts across templates
breaks the system; stay inside this one.
At a glance
Scheme: light
Formality: medium
Density: medium-high
Slides in demo: 8
Best for
Anything that should feel design-led and confident: creative agency pitches, design studio decks, ad shop credentials, brand creative reviews, art-direction reviews. Also a great unexpected pick for a tech talk, research findings, or finance review when the speaker wants to lead with taste rather than convention.
Avoid for
Contexts that demand institutional restraint and a quiet authority — the saturated multi-accent palette will read as expressive, not formal.
Workflow
Clone example.html AND the assets/ folder into the user's workspace.
This template ships an assets/deck-stage.js runtime (keyboard navigation,
stage rendering); the HTML references it as assets/deck-stage.js, so the
file must sit next to the cloned HTML or that path will 404 in the generated
artifact and navigation will silently break. Inlining the JS into a single
<script> block in the HTML is an acceptable alternative when a single
self-contained file is preferred.
Replace placeholder content with the user's real headlines, body copy,
numbers, names, dates, and section labels. Match existing dimensions when
swapping image placeholders.
Preserve the design system. Never substitute fonts, recolor the palette,
restructure the layout grid, or strip decorative elements (corner brackets,
paper grain, geometric shapes, illustrated SVGs). They are part of the
identity.
Adjust deck length by duplicating layouts. If the user has more content