html-ppt-skill
Build professional HTML presentations with 36 themes, 31 layouts, 47 animations — pure static HTML/CSS/JS, no build step required.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Design & creation
20,133 results
html-visual
Generate an interactive single-file HTML visualization — mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap,…
text-message-animation
This skill should be used when the user asks to "make a fake text message video", "animate an iMessage conversation", "create a text story video", "do a chat…
ugc-ad
Design or review creator-led product ads, testimonials, demos, tutorials, unboxings, or POV concepts with believable interaction and approved proof.
Animation Principles - Quick Start
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
exaggeration-mastery
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
Animation Principles - Expert
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
design-system-creation
| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design…
exit-animations
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
brand-identity
Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill…
ideogram
Use to write great prompts for Ideogram (Ideogram 4.0) to generate design-grade images for social media — the image-prompt-craft mini-skill for typography +…
extract
Extract reusable components, product patterns, and design tokens into a clearer design system with shared APIs, documented defaults, and better reuse. Use when…
Animation Principles - Teaching Others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
jackin-brainstorm
Use only when the user explicitly requests this skill. Turns a jackin❯ roadmap item's intent into concrete design decisions through freeform discussion,…
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
spritecook-upload-assets
Import an image the user selected for SpriteCook into their asset library through the MCP upload tools, for references, editing, animation, or reuse. Use when…
photoshop-automator
Professional Adobe Photoshop automation via COM/ExtendScript bridge. Supports text updates, filters, and action playback.
Animation Principles - Master
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
power-confidence
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
timing-calibration
Use when animation speed feels wrong—too fast, too slow, or inconsistent
pixel-art
Deep pixel art expertise covering fundamentals, limited palettes, dithering patterns, subpixel animation, tile design, retro hardware constraints, and HD-2D…
paddleocr-doc-parsing
Use this skill to extract structured Markdown/JSON from PDFs and document images—tables with cell-level precision, formulas as LaTeX, figures, seals, charts,…
awesome-design-md
Select and apply a fitting Awesome Design MD `DESIGN.md` style for frontend/UI work. Use when the user asks to design UI, redesign a page, beautify a frontend,…