From 9x16-pak-kw
Complete 9x16 semantic vocabulary reference — all 59 tags across 14 categories. Use when you need to know what fields are available for PAK slides.
npx claudepluginhub kw-smith/9x16 --plugin 9x16-pak-kwThis skill uses the workspace's default tool permissions.
Every tag name is simultaneously: a CSS target, a voice.js narration target, an MCP data key, and an API schema field.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Every tag name is simultaneously: a CSS target, a voice.js narration target, an MCP data key, and an API schema field.
slide-deck — Root container (with optional snap attribute for scroll-snap)slide — Individual slide container (attribute: type)slide-header — Top section of a slideslide-content — Main content areaslide-footer — Bottom sectionslide-label — Small caps section category (e.g., "Key Metrics", "Pipeline")slide-title — Main headingslide-subtitle — Subheading / taglineslide-body — Paragraph text (can be array of paragraphs)slide-callout — Emphasized statement with accent borderslide-quote — Pull quote / blockquoteslide-source — Quote attributionslide-caption — Image/media captionbullet-list — Unordered list containernumber-list — Ordered list containerlist-item — Individual list itemstat-grid — Grid container for stat cardsstat-card — Individual stat cardstat-value — The big number/metricstat-label — Description of the metricfeature-grid — Grid container for feature cardsfeature-card — Individual feature cardfeature-icon — Icon (emoji or Font Awesome)feature-title — Feature headingfeature-text — Feature descriptioncta-block — Call-to-action containercta-heading — CTA headlinecta-text — CTA supporting textcta-button — CTA button labeltestimonial-grid — Container for testimonial cardstestimonial-card — Individual testimonialtestimonial-text — The quotetestimonial-name — Person's nametestimonial-role — Person's title/rolecode-block — Code containercode-content — Pre-formatted codecode-label — Language or filenamecode-caption — Description of the codeslide-media — Image/video containermedia-caption — Media descriptionimage_url → <slide-media><img> — Inline image with frame on any slide typeimage_caption → <media-caption> — Caption below the imagevideo_url → <slide-media><video> or <iframe> — Direct MP4/WebM renders as <video>, YouTube/Vimeo auto-converts to <iframe>video_caption → <media-caption> — Caption below the videologo_url → <img> in header — Centered on hero slides, top-left on content slides. Use PNG with transparency.bg_image → CSS background-image on <slide> — Full background imagebg_gradient → CSS background on <slide> — CSS gradient backgroundimage_url instead of icon renders a logo/image in <feature-icon>data-table — Table containertable-header — Header rowtable-row — Data rowtable-cell — Individual cellcompare-grid — Comparison containercompare-card — Individual comparison item (attribute: variant="old|new|winner")compare-label — Item labelcompare-text — Item descriptionchart-container — Chart.js wrapperchart-canvas — Canvas element for Chart.jschart-title — Chart headingchart-caption — Chart description/takeawaytwo-column — Two-column layoutcolumn — Individual column<slide type="video"> — Full-viewport 9:16 video takeover (TikTok-style)type="video" NOT supported — use on other slide types as iframe embedsvideo_url renders as inline 16:9 embed within the slide contentnav-bar — Top navigation barnav-burger — Hamburger menu buttonnav-menu — Slide-out menu (pipeline scripts inject controls here)nav-link — Individual menu linkslide-indicator — Current slide number displayhero-footer — Footer area on hero slides (no indicator)