ian-handdrawn-ppt/SKILL.md
Create final Chinese handdrawn technical article/PPT-style page images from articles, Markdown, PDFs, DOCX files, existing slide decks, course notes, scripts, outlines, or rough ideas. Use when the user asks to turn content into PPT/PPTX/slides/courseware/课件/演示稿/配图/效果图 in a refined Chinese handdrawn technical explanation style, to plan such pages, to choose page layouts from semantic content, or to generate complete image-model pages with Chinese text baked into the final visual. Default article outputs use 21:9 covers and 16:9 body illustrations.
npx skillsauth add ninehills/skills ian-handdrawn-pptInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Turn source material into a Chinese handdrawn technical PPT-style image deck. Optimize for commercial delivery: clear narrative, semantic page archetypes, exact short Chinese text, refined handdrawn diagrams, and deck-level visual consistency.
Default production output is complete raster page images generated by the built-in image generation model. Blog/article covers default to 21:9; body illustrations and standard deck pages default to 16:9. Each page is a final visual deliverable with both diagram and Chinese text included in the image.
In this skill, "PPT", "slides", "page", and "deck" mean finished PPT-style visual page images, not editable presentation/document files. Do not route to presentation or document packaging merely because the user says PPT/PPTX/PDF. Editable PPTX, image-based PPTX, and PDF export are out of scope for this skill.
Do not use deterministic drawing scripts, HTML, SVG, canvas, or python-pptx as the primary visual generator for style samples. Deterministic post-processing is allowed for crop/resize, contact sheets, or exact text overlay when the generated image direction is accepted but image text fidelity is not good enough.
Produce a planning blueprint when the user asks to plan, outline, or design first. Production output is final PNG page images plus a contact sheet when there are multiple pages.
Load only the references needed for the current task:
references/intake.md: input types, missing-information checks, and concise clarification rules.references/narrative-planning.md: deck type selection and story structures.references/slide-archetypes.md: semantic mapping from content type to slide layout.references/visual-dna-v6.md: handdrawn Chinese technical PPT visual system and deck-level style lock.references/output-quality.md: output contracts and verification gates for final image pages.references/prompt-patterns.md: prompt templates for complete image-model slide pages.Use assets/theme-tokens.json as the compact theme token file when writing prompts.
Use assets/reference-handdrawn-article-illustration-style.png as the active style anchor for blog/article cover and body illustrations.
When the current image tool supports local reference images, load or attach this style anchor before generation. When it does not, use the theme tokens plus the reference-match clause in references/prompt-patterns.md, and report the style as prompt-matched rather than image-referenced.
Do not use legacy bordered PPT reference images unless the user explicitly asks to recreate the older bordered look.
Ingest material
.pptx, extract the source content and visual intent only; do not edit or package the PPTX inside this skill..docx, use the Documents plugin or skill to extract content..pdf, use the PDF/document tooling appropriate to the task.Run intake and gap diagnosis
references/intake.md when the content is broad, incomplete, or the output requirements are unclear.Plan the deck narrative
references/narrative-planning.md.Map each slide to an archetype
references/slide-archetypes.md.Apply visual DNA
references/visual-dna-v6.md.Build output
Required text only list for each page.Verify
references/output-quality.md.Use these defaults unless the user says otherwise:
When finished, report:
For planning-only outputs, provide the blueprint directly and identify the critical questions to answer before deck production.
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
tools
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
data-ai
Triage issues through a state machine driven by triage roles. Use when user wants to create an issue, triage issues, review incoming bugs or feature requests, prepare issues for an AFK agent, or manage issue workflow.
tools
Turn the current conversation context into a PRD and publish it to the project issue tracker. Use when user wants to create a PRD from the current context.