Menu
Validate and audit a deck project for correctness. Use this when asked to validate, audit, polish, review, check, or verify slides.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Guide for adding progressive disclosure (step-by-step / click-to-reveal builds) to a slide. Use this when asked to make a slide reveal content one step at a time, add build steps, or fix a disclosure slide that exports blank.
Guide for adding a new slide to a deck project. Use this when asked to create, add, or build a new slide component.
Find recoverable disk space in a deck project (unused media, stale exports, generated caches) without ever silently deleting user work. Use this when asked to optimize, slim down, clean up, free space, prune, or shrink a deck.
Capture a screenshot of the deck app to visually inspect slides. Use this when asked to look at, see, view, inspect, check visually, or preview a slide. Works in VS Code, Copilot CLI, deck-launcher, and containers.
Port a PowerPoint, PPTX, PDF export, or slide-image deck into native DECKIO slides. Use this when asked to convert, map, rebuild, port, digitize, or translate presentation slides into DeckIO. Includes source extraction, slide classification, amplification-first redesign, data extraction, native slide rebuilding, and validation.
Sketch a slide on Whiteboard, capture the sketch, and use it as inspiration to create a new slide. Use this when the user wants to draw, sketch, or wireframe a slide before building it.
| name | deck-validate-project |
| description | Validate and audit a deck project for correctness. Use this when asked to validate, audit, polish, review, check, or verify slides. |
deck.config.jsOpen deck.config.js and read:
themedesignSystemslidesThen resolve the active theme descriptor using the same rules as deck-add-slide:
dark.md, light.md, or shadcn.md from the engine package descriptors folderdescriptor.md or *.descriptor.mddesignSystemUse the descriptor as the source of truth for required structure, required tokens, allowed components, decorative elements, and anti-patterns.
deck.config.jsVerify:
src/slides/slides arrayslides is non-emptytheme and designSystem were not changed accidentally during unrelated workFor each slide .jsx file in src/slides/, check:
{ Slide, BottomBar } from '@deckio/deck-engine'Editable from '@deckio/deck-engine' when the slide contains user-facing text<Slide index={index} className={styles.xxx}>content-frame content-gutter<BottomBar /> as the last child inside <Slide>BottomBar text across slides<Editable> with unique semantic IDs<Editable><Editable> elementsRead the descriptor and verify the slide matches:
Examples:
accent-bar and orbs, those must be presentaccent-bar, orb, or deep-space ornament, they must be absentFor each .module.css file, check:
padding: 0 0 44px 0flex: 1 on the body wrapperflex-direction: column on the slide rootRead the descriptor and verify the CSS matches:
Examples:
var(--background), var(--card), var(--border), or other semantic tokens, use those exact namesvar(--bg-deep), var(--surface), var(--text), or var(--text-muted), flag them::before bars, flag them.jsx slide in src/slides/ should have a matching .module.css.module.css files without a matching .jsxCheck whether the project configuration and descriptor agree:
designSystem === 'shadcn', the project should visually and structurally follow the shadcn descriptor rulesdesignSystem is not 'shadcn', the project should follow a default DECKIO descriptor such as dark or lightdesignSystem disagree, report an architecture mismatch even if individual slides renderdesignSystem === 'shadcn': validate preinstalled componentsVerify the preinstalled component set is intact:
src/components/ui/button.jsx existssrc/components/ui/card.jsx existssrc/components/ui/badge.jsx existssrc/components/ui/separator.jsx existssrc/components/ui/alert.jsx existssrc/lib/utils.js exists (provides cn())components.json exists at project root with correct aliases and registries.vscode/mcp.json exists with shadcn MCP server configuredMCP-GUIDE.md exists at project rootaurora.jsx, blur-text.jsx, shiny-text.jsx, decrypted-text.jsx, spotlight-card.jsx in src/components/ui/If any preinstalled file is missing, report it as a scaffold integrity issue — the file may have been accidentally deleted.
.vscode/mcp.json exists and contains a shadcn server entrycomponents.json has registries with @react-bits configuredcomponents.json has correct aliases (@/components, @/lib/utils, @/components/ui)If MCP config is missing, the author loses the primary component expansion workflow.
For each slide in a shadcn deck, check:
<Card>, <Badge>, <Button>, <Alert>, <Separator> imports instead of CSS-imitation divs where applicable<button> or <span className={styles.badge}> when real components existSummarize:
theme and designSystemdesignSystem === 'shadcn': read shadcn supplement instructionsdesignSystem === 'shadcn': verified preinstalled component files existdesignSystem === 'shadcn': verified MCP config (.vscode/mcp.json, components.json registries)designSystem === 'shadcn': verified slides use real components over CSS imitationdeck.config.js imports resolveslides array matches imports.jsx slide has a companion .module.cssBottomBar is present and consistent<Editable> and decorative text remains inert