travel-photo-soft-abstraction
Analyze a user-uploaded travel photograph and reconstruct it as a CLEAN upper-photo/lower-abstraction editorial artwork. Use when Codex should preserve the…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,044 results
clawra-video-selfie
Clawra AI selfie video generation skill using WaveSpeed AI Seedance model. Creates contextual dynamic selfie videos with natural micro-movements. Ideal for…
video-generation
Advanced video generation and processing skill using WaveSpeed AI (DeerAPI). Supports image-to-video, video continuation, video chains, and 4K upscaling. Ideal…
zhuoran-video-selfie
Zhuoran AI selfie video generation skill using WaveSpeed AI Seedance model. Creates "living" selfie videos with natural micro-movements like breathing and…
database-design
Database design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.
animation-flow
Generate previewable animation components for web pages; the target framework is determined by the AI's detection of the project. Use this skill when the user needs to implement preset web animation effects into React/Vue/Svelte/native projects—trigger it even if "animation" is not explicitly mentioned. Covers five categories of effects: ① Number scroll/count (numbers jumping from 0 to a target value, statistic numbers incrementing, data achievement display); ②…
whiteboard-animation
Generate whiteboard hand-drawn animation videos from images. Convert any color image into an animation containing two stages, line drawing and coloring, with a hand overlay effect, output as an H.264 MP4 video. Triggered when the user says "turn the image into a whiteboard animation", "whiteboard animation", or uses /whiteboard.
validation-harness-design
Use when designing repository validation commands, doctor scripts, test matrices, JSON or JUnit outputs, CI gates, smoke checks, or harness command surfaces.
audit-ux-laws
Use if building or auditing UI against the 30 Laws of UX (Fitts, Hick, Gestalt, cognitive load).
design-hub
Create and operate a local Design System Hub that stores multiple design systems, generates complete entries from screenshots, URLs, or written style…
video-pacing
Video rhythm and timing for maximum engagement. Use when planning cut frequency, optimizing retention, or adapting pacing for different platforms
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
design-system-structure
Structures a design system: two-tier tokens, contrast-proven light/dark palettes, the theme provider, makeStyles, text roles, fonts. Use when touching colours,…
design-visual-parity
Proves built screens match approved design references (iOS, Android, light/dark, RTL) per element. Use when a screen is built or changed, or for visual parity,…
icons-app-icon-and-splash
Draws icons and app art in code - a Skia-path icon set, a brand mark, adaptive icons, splash, store art. Use when adding an icon, logo, app icon or splash, or…
refactoring-ui
Apply UI design principles from Refactoring UI by Adam Wathan & Steve Schoger. Covers visual hierarchy (size, weight, color, spacing), layout systems (spacing…
system-design-interview
Apply system design principles from System Design Interview by Alex Xu. Covers scaling (load balancing, DB replication, sharding, caching, CDN), estimation…
native-transparent-imagegen
Generate new raster assets that must contain native pixel transparency, then verify the untouched PNG or WebP before delivery. Use for transparent stickers,…
21st-video
Create and edit a product, launch, demo, or social video from the current project with 21st video MCP tools. Open the editable project alongside the chat,…
image-to-video
Still-to-video conversion guide: model selection, motion prompting, and camera movement. Covers Wan 2.5 i2v, Seedance, Fabric, Grok Video with when to use…
make-diagram
Use when the user wants an architecture diagram, flowchart, sequence diagram or state diagram as a polished offline HTML page that plays named stories of beats…
make-motion
Use when the user wants a short animated explainer video (titles, counters, shapes, charts, images with keyframed motion) previewed locally and exported to…
anduril
Opinionated constraints for building better interfaces with Anduril-style design.
adobe-fonts
Finds, searches, and previews real, licensable Adobe Fonts typefaces: contextual recommendations, direct lookup by name or facets (foundry, designer, style),…