Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Deck Ljg Present · nexu-io | DecimalAI

nexu-io/deck-ljg-present

SkillScore73Maintained

把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow

design-mediaby nexu-io

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/nexu-io-deck-ljg-present/SKILL.md

decimalai skills pull nexu-io-deck-ljg-present --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/nexu-io-deck-ljg-present/SKILL.md https://app.decimal.ai/s/nexu-io-deck-ljg-present/SKILL.md

Raw file: /s/nexu-io-deck-ljg-present/SKILL.md ↗ · machine-readable summary at /s/nexu-io-deck-ljg-present.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 47d ago

Yes — +41% lift · at higher cost+62% tokens0% turns73% of whole cases pass with skill (16/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-20	✗→✓	▲ Improved	72%	0%
case-03	✗→✓	▲ Improved	37%	0%
case-07	✗→✓	▲ Improved	61%	0%
case-08	✗→✓	▲ Improved	46%	0%
case-09	✗→✓	▲ Improved	43%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

nexu-io / html-anything

next/src/lib/templates/skills/deck-ljg-present/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/3/2026Version v1

Skill contents

SKILL.md

【模板: 宣言式演讲（Outline-Faithful）】

【意图】把用户的 outline / markdown 1:1 视觉化为色块大字 manifesto deck。不抽提、不重写、不重排、不浓缩——只决定每一行/每一节渲染为哪一页。审美参考：Felipe Franco / BIG STUDIOS 的 manifesto 大字海报。

【铁律 — 全部违反必须重做】

标题不改字, 段落不改字, 列表不改字, 顺序不重排
唯一允许的"动"是物理分页（一段太长拆成多页）
不抽 manifesto / 不写新句子 / 不删内容 / 不放图片图标 / 不用过渡动画
一篇只用一个主题色（black / red / yellow 三选一）

【outline → 页面映射】

| 输入元素 | 输出页 | |---|---| | # 一级标题 | 独占 emphasis 封面页（accent 底色, 通常单字/单短词） | | ## 二级标题 | 独占 theme 页（大字标题独占一页） | | ### 三级标题+ | 独占 theme 页（字号自动降一档） | | 段落（≤30字） | 单 theme 页 | | 段落（30-80字, 多句号） | 每句一页（medium 档） | | 段落（>80字） | 按 ~30 字一页拆, 末尾加 ⋯ | | - 列表项（≤4） | 一页全展示, indent 按嵌套深度 0/1/2 | | 列表 5-8 项 | 拆 2 页, 每页 3-4 项, 项数接近 | | 列表 >8 项 | 拆多页, 每页 4 项 | | 表格 ≤6 行 | 单页 | | 表格 >6 行 | 拆多页, 每页保留表头 | | **强调** / code | 自动 hl: true | | --- 分隔符 | 独立 emphasis 休止页（空 emphasis, 纯色块） |

首末页自动 emphasis：文档首段（如已是 # 则合并）+ 文档末段 = emphasis 开场 / 收束页。一级标题就是天然的章节断点, 不要为了凑节奏强行加 emphasis。

【主题色推断 — 一篇只能一个】

| 文档调性 / 标签 | theme | 默认页 | emphasis 页 | hl 色（仅 theme 页生效） | |---|---|---|---|---| | 沉思 / 论证 / 笔记（默认） | black | 黑底白字 | 红底白字 | 红 #E63956 | | 宣言 / 号召 / 演讲（含 share / manifesto / keynote / talk 标签或语气） | red | 红底白字 | 黑底白字 | 柔金黄 #FFE082 | | 反讽 / 警觉 / 批判（含 critique / warn / rant） | yellow | 黄底黑字 | 黑底白字 | 红 #E63956 |

显式覆盖：用户写"用 red / 用 yellow / 用黑底"即按指令。无任何线索时默认 black。

【视觉规范 — 数值锁死】

色板（仅 4 色, 不许改 hex）：

--c-black:  #1A1A1A
--c-red:    #E63956
--c-yellow: #FFD400
--c-white:  #FFFFFF
--c-gold:   #FFE082

字体栈（必须用 ultra-bold 900, letter-spacing -0.05em）：

"Helvetica Neue", "Arial Black", "Inter", "PingFang SC", "Heiti SC", "STHeiti", -apple-system, sans-serif
font-weight: 900

字号档位（按本页最长那一行字符数, CJK 按 1.8 计权, 多行页降一档）：

| 档位 | 字符数 | font-size | |---|---|---| | single | ≤2 | clamp(320px, 80vmin, 1100px) | | short | 3-6 | clamp(240px, 55vmin, 780px) | | medium | 7-14 | clamp(150px, 35vmin, 480px) | | long | 15-26 | clamp(100px, 22vmin, 320px) | | xlong | 27+ | clamp(64px, 14vmin, 200px) |

排版：

padding 6vmin 7vmin, 让大字撑满边缘
.lines 块在屏幕内水平居中, 但块内每行 left-aligned（消除右侧空白同时保 indent 错位）
line-height 1.05, 行间 gap 0.15em
内容垂直居中
页脚：左下页码（01 / 08）+ 右下副标题, 13px monospace, opacity 0.5, uppercase, letter-spacing 0.12em
emphasis 页：背景换 --acc-bg, 字色换 --acc-fg, 行内 .hl 自动 color: inherit（emphasis 整页就是高亮）
indent 档位：0 = 0, 1 = 7vmin, 2 = 16vmin

【输出契约】

输出单文件 HTML, 完全自包含, inline CSS + inline JS, 直接在 iframe sandbox 里能跑。骨架照下面这个模板, 把 SLIDES 数组、<title>、{{SUBTITLE}}、body[data-theme] 填好即可。不要外链 CDN, 不要外部资源。

SLIDES 数组每项形态：

js
// 默认 theme 页
{ lines: [ { indent: 0, chunks: [ {t: "前段"}, {t: "高亮词", hl: true}, {t: "后段"} ] } ] }
// emphasis 页（accent 底色, inline hl 自动忽略）
{ emphasis: true, lines: [ { indent: 0, chunks: [ {t: "AI"} ] } ] }
// 休止页 = emphasis + 空 lines
{ emphasis: true, lines: [] }

完整 HTML 骨架（agent 应复用 CSS 与 JS 不要改, 只填 SLIDES / title / subtitle / data-theme）：

html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><!-- 文档标题 --></title>
<style>
  :root {
    --c-black: #1A1A1A; --c-red: #E63956; --c-yellow: #FFD400;
    --c-white: #FFFFFF; --c-gold: #FFE082;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html, body {
    width: 100%; height: 100%;
    font-family: "Helvetica Neue", "Arial Black", "Inter", "PingFang SC", "Heiti SC", "STHeiti", -apple-system, sans-serif;
    font-weight: 900; overflow: hidden;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.05em;
  }
  body[data-theme="black"]  { --bg: var(--c-black);  --fg: var(--c-white); --acc-bg: var(--c-red);   --acc-fg: var(--c-white); --hl: var(--c-red); }
  body[data-theme="red"]    { --bg: var(--c-red);    --fg: var(--c-white); --acc-bg: var(--c-black); --acc-fg: var(--c-white); --hl: var(--c-gold); }
  body[data-theme="yellow"] { --bg: var(--c-yellow); --fg: var(--c-black); --acc-bg: var(--c-black); --acc-fg: var(--c-white); --hl: var(--c-red); }
  body { background: var(--bg); }
  .stage { position: fixed; inset: 0; }
  .slide {
    position: absolute; inset: 0; display: none;
    flex-direction: column; justify-content: center; align-items: center;
    padding: 6vmin 7vmin;
    background: var(--bg); color: var(--fg);
  }
  .slide.active { display: flex; }
  .slide[data-emphasis="true"] { background: var(--acc-bg); color: var(--acc-fg); }
  .slide .hl { color: var(--hl); }
  .slide[data-emphasis="true"] .hl { color: inherit; }
  .lines { display: flex; flex-direction: column; gap: 0.15em; line-height: 1.05; max-width: 100%; align-items: flex-start; }
  .line { white-space: nowrap; text-align: left; }
  .line[data-indent="0"] { padding-left: 0; }
  .line[data-indent="1"] { padding-left: 7vmin; }
  .line[data-indent="2"] { padding-left: 16vmin; }
  .slide[data-len="single"] .lines { font-size: clamp(320px, 80vmin, 1100px); }
  .slide[data-len="short"]  .lines { font-size: clamp(240px, 55vmin, 780px); }
  .slide[data-len="medium"] .lines { font-size: clamp(150px, 35vmin, 480px); }
  .slide[data-len="long"]   .lines { font-size: clamp(100px, 22vmin, 320px); }
  .slide[data-len="xlong"]  .lines { font-size: clamp(64px,  14vmin, 200px); }
  .pager, .subtitle {
    position: fixed; bottom: 2.5vmin;
    font-family: "Menlo", "Monaco", monospace;
    font-size: 13px; font-weight: 400; letter-spacing: 0.12em;
    user-select: none; z-index: 10; text-transform: uppercase;
    opacity: 0.5; color: var(--fg);
  }
  .pager { left: 3vmin; }
  .subtitle { right: 3vmin; }
  body[data-current="emphasis"] .pager,
  body[data-current="emphasis"] .subtitle { color: var(--acc-fg); }
</style>
</head>
<body data-theme="red"><!-- black|red|yellow -->
<div class="stage" id="stage"></div>
<div class="pager" id="pager">01 / 01</div>
<div class="subtitle" id="subtitle"><!-- 副标题 / 品牌, 可空 --></div>
<script>
  const SLIDES = [ /* 填入按 outline 映射出的 slides 数组 */ ];
  const stage = document.getElementById('stage');
  const pager = document.getElementById('pager');
  const body = document.body;
  function lineCharLen(chunks) {
    const CJK = /[　-〿㐀-䶿一-鿿豈-﫿＀-￯]/;
    return chunks.reduce((acc, c) => {
      let len = 0;
      for (const ch of (c.t || '')) len += CJK.test(ch) ? 1.8 : 1;
      return acc + len;
    }, 0);
  }
  function maxLineLen(lines) { return lines && lines.length ? Math.max(...lines.map(l => lineCharLen(l.chunks || []))) : 0; }
  function lengthTier(maxLen, lineCount) {
    const adj = maxLen + Math.max(0, lineCount - 1) * 4;
    if (adj <= 2)  return 'single';
    if (adj <= 6)  return 'short';
    if (adj <= 14) return 'medium';
    if (adj <= 26) return 'long';
    return 'xlong';
  }
  function escapeHtml(s) {
    return String(s == null ? '' : s)
      .replace(/&/g, '&amp;').replace(/</g, '&lt;')
      .replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
  }
  SLIDES.forEach((s) => {
    const el = document.createElement('div');
    el.className = 'slide';
    if (s.emphasis) el.setAttribute('data-emphasis', 'true');
    if (s.lines && s.lines.length) {
      el.setAttribute('data-len', lengthTier(maxLineLen(s.lines), s.lines.length));
      const linesEl = document.createElement('div');
      linesEl.className = 'lines';
      s.lines.forEach(line => {
        const lineEl = document.createElement('div');
        lineEl.className = 'line';
        lineEl.setAttribute('data-indent', String(line.indent || 0));
        lineEl.innerHTML = (line.chunks || []).map(c => {
          const t = escapeHtml(c.t);
          return c.hl ? '<span class="hl">' + t + '</span>' : t;
        }).join('');
        linesEl.appendChild(lineEl);
      });
      el.appendChild(linesEl);
    }
    stage.appendChild(el);
  });
  const slides = stage.querySelectorAll('.slide');
  let idx = 0;
  function show(i) {
    if (i < 0) i = 0; if (i >= slides.length) i = slides.length - 1;
    slides[idx].classList.remove('active');
    idx = i;
    slides[idx].classList.add('active');
    pager.textContent = String(idx + 1).padStart(2, '0') + ' / ' + String(slides.length).padStart(2, '0');
    body.setAttribute('data-current', slides[idx].getAttribute('data-emphasis') === 'true' ? 'emphasis' : 'theme');
  }
  function next() { show(idx + 1); }
  function prev() { show(idx - 1); }
  document.addEventListener('keydown', (e) => {
    switch (e.key) {
      case 'ArrowRight': case ' ': case 'Enter': case 'j': case 'PageDown': e.preventDefault(); next(); break;
      case 'ArrowLeft': case 'k': case 'PageUp': e.preventDefault(); prev(); break;
      case 'Home': e.preventDefault(); show(0); break;
      case 'End': e.preventDefault(); show(slides.length - 1); break;
      case 'f': case 'F': e.preventDefault(); document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen?.(); break;
    }
  });
  let touchX = null;
  document.addEventListener('touchstart', (e) => { touchX = e.touches[0].clientX; });
  document.addEventListener('touchend', (e) => {
    if (touchX == null) return;
    const dx = e.changedTouches[0].clientX - touchX;
    if (dx < -40) next(); else if (dx > 40) prev();
    touchX = null;
  });
  document.addEventListener('click', (e) => {
    if (e.target.closest('.pager,.subtitle')) return;
    const mid = window.innerWidth / 2;
    if (e.clientX > mid) next(); else prev();
  });
  show(0);
</script>
</body>
</html>

【调用流程 — agent 内部】

读用户内容（markdown / outline / 纯文本）
按上面表格做 outline → slides 数组 映射, 不抽提不重写
推断 theme（标签 > 语气 > 默认 black）
复用骨架, 替换 <title> / data-theme / <div id="subtitle"> 内容 / SLIDES 数组
一次性输出整个 HTML 文档

【品味准则】

outline 是真理, skill 是渲染器
一级标题 = emphasis 封面（天然章节断点）
二级标题 = 独占 theme 页（给标题应有的重量）
列表错位靠 indent 0/1/2 体现嵌套深度
**强调** 自动 hl
拆页保持视觉一致性（同源块字号/缩进对齐）
左对齐不居中——这是 manifesto 美学的灵魂

【禁区】

不抽 manifesto（不要"找钉子", 作者已经写好了 outline）
不写新句子、不重组顺序、不删内容
不放图片 / 不放图标 / 不加过渡动画
不在 emphasis 页用 inline hl（emphasis 整页就是高亮）
不混用多个 theme（一篇一个气质）
不擅自加 emphasis（只有一级标题 / 首末页 / 分隔符）

【致谢】本 skill 改编自 lijigang/ljg-skills · ljg-present（v3.0.0）。原版输出多主题包含 cyber-hacker 模式与 PNG 投影; html-anything 版只保留 3 主题 + 单文件 HTML 输出。审美灵感继续指向 Felipe Franco / BIG STUDIOS 的 manifesto 字体海报。

Illustrative Want to see what nexu-io/deck-ljg-present would put in front of your model? Preview the rendered body and check its trigger phrases — no LLM call, no signup.

Latest benchmark · publisher runVerified

8/12/2026, 00:30 UTC · 22 cases

Lift

+41%

73% vs 32%

Agent turns

0%

1.0 vs 1.0

Tokens

+62%

8,962.45 vs 5,526.36

fail → pass · 11pass → pass · 5fail → fail · 4pass → fail · 2

Per-case results (22)

Case	Status	Duration (ms)			Turns			Tokens			Tool calls
Case	Status	Without	With	Δ	Without	With	Δ	Without	With	Δ	Without	With	Δ
case-20 Convert my 2-page outline into a single-file HTML presentation deck. Make sure the layout contains the bottom-left page indicator and bottom-right subtitle elements with exact fixed positioning, monospace font, letter spacing, uppercase transformation, and 0.5 opacity as specified in the standard color-block presentation template.	fail→pass	24,140	17,340	-28%	1	1	0%	5,086	8,734	+72%	0	0	—
case-01 I have drafted a technical manifesto in Markdown below. I need you to convert it word-for-word into a self-contained, single-file HTML presentation deck. Do not summarize, rephrase, or remove any text from my document. The final output must be a complete HTML file with embedded styling and JavaScript that populates a slide array, allowing arrow key navigation between full-screen high-contrast typographic slides. Here is my document: # BUILD FOR FREEDOM ## Core Principles - Open source by default - Local-first architecture - Zero telemetry --- We reject central control over user data.	fail→fail	15,651	16,139	+3%	1	1	0%	4,041	8,543	+111%	0	0	—
case-02 Please take this critique on software complexity and transform it strictly 1:1 into a manifesto-style HTML web presentation. The output must be a standalone HTML document containing all necessary CSS and script logic internally, with the content parsed into a JavaScript slides array. Keep all text verbatim without adding new sentences, images, or animations. # THE COMPLEXITY TRAP `critique` `warn` ## The Problem Software engineering has lost its way in pursuit of abstraction layers. - Every framework adds cognitive load - Every dependency adds vulnerability risk - Simplicity is no longer taught	fail→fail	19,084	16,915	-11%	1	1	0%	4,939	8,702	+76%	0	0	—
case-03 I have a talk outline that I need turned into an interactive web slide deck. Please render my exact Markdown text line-by-line into a single deliverable HTML file that runs offline without any CDN links or external assets. It should feature full-page color block typography and contain the complete structured data in an embedded JS array for slide state management. # DIGITAL MINIMALISM `keynote` `talk` ## Reclaiming Attention - Turn off all non-human notifications - Delete algorithmic feed apps - Set display to grayscale Attention is your most valuable asset.	fail→pass	26,257	16,335	-38%	1	1	0%	6,259	8,558	+37%	0	0	—
case-04 I need to convert a presentation outline into a classic standard multi-slide CSS layout for a business pitch deck. I want traditional bullet points with light backgrounds, company logo placeholders, standard slide titles on top, and standard sans-serif font styling. Please generate a clean HTML presentation for a quarterly business review, using standard semantic section tags for each slide, top-aligned content, and traditional web presentation styles.	pass→fail	28,197	21,658	-23%	1	1	0%	6,222	9,527	+53%	0	0	—
case-05 I am building a responsive hero section for a SaaS website with a modern dark theme. I want a flexbox layout containing a top navigation bar, a main headline, a paragraph description, two CTA buttons side-by-side, and an embedded SVG vector illustration on the right side. Please provide the complete HTML and CSS code.	fail→fail	24,738	25,929	+5%	1	1	0%	6,207	10,617	+71%	0	0	—
case-06 Create a standard Reveal.js slide deck presentation in HTML for a web development workshop. Include standard slide transition effects, progress bars, speaker notes in data-notes attributes, and multi-column slide layouts. Include CDN links for Reveal.js CSS and JavaScript files in the HTML head.	pass→fail	18,425	20,268	+10%	1	1	0%	4,148	9,290	+124%	0	0	—
case-07 I have written a harsh critique of modern agile practices titled 'AGILE IS DEAD' tagged with `critique` and `warn`. Please map this document verbatim into a single-file HTML color-block slide deck without adding images or animations. Standard presentations usually use subtle gray backgrounds for critiques, but convert this using the appropriate single-color tone theme.	fail→pass	26,027	18,160	-30%	1	1	0%	5,743	9,260	+61%	0	0	—
case-08 Convert this product launch talk outline titled 'REINVENTING SOUND' tagged with `keynote` and `manifesto` verbatim into a single-file high-contrast HTML deck. Although general decks default to dark gray, parse this document with the appropriate vibrant manifesto color theme.	fail→pass	28,614	17,904	-37%	1	1	0%	6,197	9,036	+46%	0	0	—
case-09 Here is a technical research note outline titled 'Distributed Consensus in Asynchronous Networks'. It contains pure technical observations without special tone tags. Please map this directly line-by-line into a single-file full-screen HTML typographic deck using the default color theme rather than colorful presentation styles.	fail→pass	28,800	18,726	-35%	1	1	0%	6,198	8,889	+43%	0	0	—
case-10 Convert this markdown outline titled 'DESIGN SYSTEM 2025' verbatim into a single-file full-screen HTML typographic presentation deck. Even though this is a standard design document that might default to black, explicit instruction: use red theme for the entire deck.	fail→pass	27,936	20,286	-27%	1	1	0%	6,194	9,436	+52%	0	0	—
case-11 I have a bulleted list of 10 principles in my manifesto document. I want them rendered verbatim in a single-file HTML presentation deck. People usually fit all items on one screen, but map these items into the slide array following strict item limits per slide for long lists.	fail→pass	23,421	16,902	-28%	1	1	0%	5,475	8,787	+60%	0	0	—
case-12 Convert this markdown outline verbatim into a single-file HTML slide deck. It includes a 3-level deeply nested list: - Root Strategy - Sub Task Alpha - Execution Detail Please encode the indent depth into the SLIDES JavaScript data structure so CSS styling reflects the list hierarchy.	pass→pass	24,048	16,237	-32%	1	1	0%	6,143	8,170	+33%	0	0	—
case-13 Create a single-file full-screen HTML presentation deck from my 3-line manifesto 'MOVE FAST AND BREAK NOTHING'. While typical web slides use Light or Regular sans-serif font weights at 400 or 700 with standard letter spacing, apply the exact ultra-heavy typography specifications required for color-block poster slides.	pass→pass	26,018	17,487	-33%	1	1	0%	6,210	8,795	+42%	0	0	—
case-14 Convert this 50-word paragraph from my outline into a single-file full-screen HTML presentation deck: 'We believe software must be durable. It should run for decades without updates. Maintenance is a feature not a burden.' Do not summarize it. Usually people put entire 50-word paragraphs on one slide, but process this paragraph according to sentence boundaries for medium-length paragraphs with multiple periods.	fail→pass	18,547	16,461	-11%	1	1	0%	4,725	8,605	+82%	0	0	—
case-15 Convert this long 120-word continuous paragraph without periods into a single-file HTML presentation deck: 'In an era dominated by fleeting software tools and subscription models that drain resources month after month without offering true ownership or long-term guarantees we stand firm in our commitment to sovereign local computing where every byte remains under user control and every binary executes without external dependencies or cloud verification procedures.' Rather than putting all 120 words on one slide, split this long paragraph into ~30 character chunk slides.	fail→fail	25,314	22,403	-11%	1	1	0%	5,556	10,080	+81%	0	0	—
case-16 I have a Markdown table with 9 data rows plus 1 header row in my manifesto document detailing software metrics. Convert this verbatim into a single-file full-screen HTML slide deck. Standard deck generators put the table on one scrolling slide or drop rows, but handle this table by splitting across slides while preserving table headers.	pass→pass	27,435	20,792	-24%	1	1	0%	6,206	9,556	+54%	0	0	—
case-17 I have a document section with a top-level H1 `# UNSTOPPABLE FORCE` containing bold text. Render this verbatim into a single-file HTML slide deck. Standard markdown tools render inline HTML bold tags everywhere, but handle bold emphasis on an emphasis cover slide according to strict color-block rules.	fail→pass	21,117	14,017	-34%	1	1	0%	4,691	7,701	+64%	0	0	—
case-18 My manifesto document contains a standalone thematic break separator `---` between two major arguments. Convert this document verbatim into a single-file HTML slide deck. Standard HTML converters convert `---` into an `<hr>` tag on the current page, but handle this separator as a full-screen rest slide.	fail→pass	17,129	18,150	+6%	1	1	0%	3,700	8,906	+141%	0	0	—
case-19 Convert the single CJK word manifesto phrase '自由' into a single-file full-screen HTML slide deck. Standard web typography uses string length (2 characters) to set font size, but apply the CJK character weighting factor (1.8 per CJK character) to compute the max line length tier.	fail→pass	26,324	14,083	-47%	1	1	0%	5,886	7,863	+34%	0	0	—
case-21 Convert my markdown outline verbatim into a self-contained single-file HTML deck with embedded JavaScript navigation logic. Include arrow key navigation, space/enter advance, 'f' key full-screen toggle, and touch swipe gestures without relying on external libraries.	pass→pass	26,300	17,445	-34%	1	1	0%	5,577	8,580	+54%	0	0	—
case-22 I want to convert my technical manifesto outline into a single-file HTML presentation deck. I am tempted to add smooth CSS keyframe transition animations between slides and a small icon logo next to headings. Convert this outline strictly according to the color-block manifesto specification without adding prohibited visual elements.	pass→pass	30,235	22,808	-25%	1	1	0%	6,177	9,539	+54%	0	0	—

These cases were also screened by the skill’s intent / safety pass.See the Trust review ↗Reproduce this benchmark in Colab ↗

How this skill was measured

DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 22 cases were attempted. The headline lift of +41 percentage points is the difference between those two pass rates over the 22 comparable cases. 3 cases got worse with the skill loaded, and they are included in that figure.

Model measured: gemini-3.6-flash
Graded by: gemini-3.6-flash
Grading method: judged
Verification: verified
Pass rate without the skill: 31.8%
Pass rate with the skill: 72.7%
Cases attempted: 22
Cases counted toward lift: 22
Cases that regressed: 3
Skill version measured: v1
Run completed: 8/12/2026, 00:30 UTC

Measured example — same prompt, with vs. without the skill · from the benchmark run · case case-20

Prompt

Convert my 2-page outline into a single-file HTML presentation deck. Make sure the layout contains the bottom-left page indicator and bottom-right subtitle elements with exact fixed positioning, monospace font, letter spacing, uppercase transformation, and 0.5 opacity as specified in the standard color-block presentation template.

Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.

Show both answers

SkillScore blends 4 signals1 of 4 complete

BenchmarkPass rate WITH skill on a verified run73

Live evalNeeds ≥10 evaluated traces in 30 days

AI ratingNeeds ≥10 rated traces

AdoptionNeeds ≥10 serves across ≥2 orgs in 30 days

Efficiency · separate axis (at equal correctness)+0% turns+47% tokens

Shown for transparency; not credited unless a verified run shows no correctness regression.

Backed by 1 of 4 signals — each added signal makes the score more robust.

Verified on gemini-3.6-flash · re-tested 47 days ago

Other measured skills in the registry, with their headline benchmark lift.