Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/ve-midnight-editorial
Open Design's financial review: runway, burn, and the sustainability plan that keeps the project independent. Built as a decision-grade data & finance deck for board, leadership.
Passed 11 of 24 test cases with the skill, and 3 of 24 without it.
and 22 more in the full report
9 fixed2 passed either way12 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
When building a dashboard slide with executive KPI cards in our HTML slide deck, we want to add animated SVG icons and custom Javascript charting widgets for key trends. What layout master class and visual components should be used to display these metrics cleanly?
| Checked | Without skill | With skill |
|---|---|---|
| Uses slide--dashboard as the section layout master class. | Missed | Passed |
| Renders trend lines and charts using pure CSS elements without external script dependencies. | Missed | Passed |
| Pairs large serif value text with uppercase monospaced metric labels. | Missed | Passed |
The instructions your model reads when the skill loads.
A single-aesthetic deck plugin: the midnight-editorial preset from the
upstream MIT-licensed
nicobailon/visual-explainer
skill (templates/slide-deck.html), pinned and shipped as one self-contained
seed — example.html. The upstream mermaid diagram slide has been replaced by
a pure CSS/SVG pipeline page; the deck has zero external JS dependencies
(Google Fonts @import is the only external reference).
Signature combination (what makes this skin this skin):
#0f1729 page, #d4a73a accent, parchment
text #e8e4d8. Cinematic, magazine-grade, dramatic.clamp(48px,10vw,120px), weight 400, -2px tracking, 0.95 line-height)
falling directly to 13–14px uppercase JetBrains Mono labels with 1.5px
letter-spacing. No intermediate sans anywhere.radial-gradient(ellipse at X% Y%, var(--accent-dim) 0%, transparent ~40%)
inline background, with the ellipse anchor moving per slide.clamp(100px,22vw,260px) gold numeral at opacity 0.06.fade + translateY(40px) + scale(0.98) on cubic-bezier(0.16,1,0.3,1);
.reveal children stagger at 0.1s increments (max 6).html[data-theme]), defaulting to the OS preference. The light
mode is a locked cream/gold skin, not an afterthought.Start from example.html. Replace content only — never rewrite the design
system or the runtime script, and never introduce colors or fonts outside the
token sheets below.
:root {
--font-body: 'Instrument Serif', Georgia, serif;
test cases passed, vs 3 / 24 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.