Skip to content
CAI
Software that uses CAICheck a score

zarazhangrui/frontend-slides

43.7

Weak · 25 September 2026

1.3k

lines of production code

JavaScript

with Python

4

measurements over time

CAI band scale
CAI trend line
CAI lens gauges

What this system is

Features

Add Bold Template Pack with progressive disclosure for frontend slides

Introduces the Bold Template Pack, a curated collection of 34 high-impact presentation templates (including 8-Bit Orbit, Biennale Yellow, and BlockFrame) that can be selected for frontend slides without replacing the default design system. The pack includes a selection index for metadata-based shortlisting, lightweight preview cards for title slides, and detailed design specifications for final generation. A new \deck-stage\ web component handles slide navigation, keyboard controls, and fixed 1920x1080 stage scaling, ensuring that selected templates render as self-contained HTML decks with proper typography, color palettes, and layout systems.

bold-template-pack · medium confidence

Add scripts for Vercel deployment, PDF export, and PPTX extraction

Users can now deploy their slide decks to Vercel for instant, permanent sharing via a new \deploy.sh\ script that handles Node.js and Vercel CLI setup, login, and production deployment. Additionally, a \export-pdf.sh\ script allows exporting HTML presentations to PDF using Playwright, and a \extract-pptx.py\ script extracts content from PowerPoint files into a structured JSON format.

scripts · high confidence

Introduce bold template pack and style presets for frontend slides

The frontend-slides skill now supports a 'bold template pack' containing 34 distinct design templates (e.g., 8-Bit Orbit, Biennale Yellow, BlockFrame) that users can select for their presentations. The skill also includes a new set of curated style presets (e.g., Bold Signal, Electric Studio, Notebook Tabs) and animation patterns. These templates provide pre-defined aesthetics, typography, and color palettes that shape the visual output of generated slides. The system uses a selection index to match templates to user moods and tones, and generates title-slide previews for each option. This adds a new layer of visual customization and design-led generation for presentations.

plugins/frontend-slides/skills · high confidence

Introduce fixed 16:9 stage layout and inline editing for HTML presentations

Presentations now use a fixed 1920×1080 stage that scales uniformly to fit the browser window, ensuring slides remain 16:9 on all devices without reflowing content. The skill also adds an inline editing feature that lets users edit slide content directly in the browser, with auto-save to localStorage and export functionality. Additionally, the skill now supports a bold template pack with progressive disclosure to reduce context bloat, and includes new CSS and JavaScript files (viewport-base.css, html-template.md, animation-patterns.md) to support these capabilities.

(repo-wide) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

How this codebase got here

Score

  • CAI 43 → 44 (+0.8)
  • Rubric changed (rubric-2026.08.15 → rubric-2026.09.15) — scores are not directly comparable.

Lenses

  • Code Health 99 → 95 (-3.8)
  • Architecture 69 → 69 (+0.0)
  • Maturity 51 → 54 (+3.2)
  • Readiness 17 → 17 (+0.4)
  • Security 95 → 95 (+0.0)
  • Accessibility 78 (new)

Resolved (11)

  • Dimension evaluation failed
  • Hotspot: bold-template-pack/deck-stage.js (bold-template-pack/deck-stage.js)
  • Hotspot: plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • LLM evaluation failed
  • No exposed public API
  • _onKey (cognitive 23) (bold-template-pack/deck-stage.js)
  • _onKey (cognitive 23) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • _onKey (cyclomatic 21) (bold-template-pack/deck-stage.js)
  • _onKey (cyclomatic 21) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • early-stage repository — too few commits for a meaningful bus factor
  • early-stage repository — too little history to judge knowledge freshness

New (11)

  • (anonymous)::_onKey (cognitive 20) (bold-template-pack/deck-stage.js)
  • (anonymous)::_onKey (cognitive 20) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • (anonymous)::_onKey (cyclomatic 21) (bold-template-pack/deck-stage.js)
  • (anonymous)::_onKey (cyclomatic 21) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • DeckStage._onKey (cognitive 20) (bold-template-pack/deck-stage.js)
  • DeckStage._onKey (cognitive 20) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • DeckStage._onKey (cyclomatic 21) (bold-template-pack/deck-stage.js)
  • DeckStage._onKey (cyclomatic 21) (plugins/frontend-slides/skills/frontend-slides/bold-template-pack/deck-stage.js)
  • Documentation: no usage examples (README.md)
  • extract-pptx.extract_pptx (cognitive 16) (plugins/frontend-slides/skills/frontend-slides/scripts/extract-pptx.py)
  • extract-pptx.extract_pptx (cognitive 16) (scripts/extract-pptx.py)

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

Survey your own repository

zarazhangrui/frontend-slides was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.

About this page

  • The score is its most recent published measurement, taken on 25 September 2026 at a pinned commit. It is not a live figure and does not change until the project is measured again.
  • Measured at commit 9906a34d640d2111f724544cbc50f7f130569ae1 — the exact code this score is about.
  • Scored under rubric-2026.09.15 — the same rubric and the same method as every other entry in this index.
  • Measured by watchdog.canine.dev using codehealth-analyzer preprod-dd72cc24c749.