nexu-io avatar

Pptx Html Fidelity Audit

When you export HTML slide decks to PowerPoint with python-pptx, you get silent layout drift: footers that overflow, italics that vanish, hero slides that stick to the top instead of centering. This skill walks you through a five-step audit workflow that compares the PPTX dump against the source HTML, catalogs the breaks (footer overflow, cropped content, missing em tags, off-rhythm spacing), then re-exports with a cursor-flow layout discipline that enforces a footer rail and refuses to render slides that would bleed. It's built for the specific pain of maintaining visual fidelity across the HTML to PPTX boundary, where every slide has different intrinsic height and hand-picked coordinates quietly fail.

skills.sh installs
3.3K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill pptx-html-fidelity-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

PPTX ↔ HTML Fidelity Audit

A repeatable workflow for catching the ways a python-pptx export silently drifts from its HTML source — and fixing them with a layout discipline that prevents the same regressions on the next pass.

When this skill applies

The user has:

  • A source HTML slide deck (typically a single-file deck with <section class="slide"> blocks):

    <section class="slide light">
      <div class="chrome">2026 · Q2 review</div>
      <span class="kicker">Pillar 03</span>
      <h2 class="h-xl">Shipping <em>velocity</em> doubled</h2>
      <p class="lead">…</p>
      <div class="foot">page 5 / 14</div>
    </section>
    
  • A PPTX file generated from that deck via python-pptx (or similar).

  • A suspicion (or visible evidence) that the PPTX doesn't match the HTML — text bleeding into the footer, italic words gone flat, hero slides not centered, sections cropped, tag styling lost.

If the user only has one of those two artifacts, this skill doesn't apply yet — first generate the missing one, or ask the user to provide it.

Why this is hard (and why a skill helps)

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Debugging, Python, Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1vercel-labs avatarreact-nativevercel-labs/json-renderReact Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs f3.3Kskills.sh installs
2onmax avatarnuxt-contentonmax/nuxt-skillsBuild typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC renderi2.9Kskills.sh installs
3onmax avatarnuxt-modulesonmax/nuxt-skillsUse when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components,2.9Kskills.sh installs
4owl-listener avatarlayout-gridowl-listener/designer-skillsDefine responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.2.6Kskills.sh installs
5laguagu avatarnextjs-seolaguagu/claude-code-nextjs-skillsNext.js App Router SEO optimization and auditing. Use when implementing or fixing SEO in a Next.js app — metadata and generateMetadata, viewport/themeColor, Ope2.5Kskills.sh installs
6vuejs-ai avatarvue-development-guidesvuejs-ai/skillsA collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or N2Kskills.sh installs