UI Mockup
Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.

Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.
WCAG 2.2 accessibility expertise — auto-activates on designer tasks to flag violations before handoff
Set optimal line lengths for readability across typography scales and responsive layouts.
Apply the Von Restorff Effect to make the most important element distinctly different from its surroundings.
Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release.
Use Better Icons when an agent needs to search icon sets, compare matches, and return the exact SVG asset needed for a UI task. It is a narrow asset-selection skill, not a generic icon platform listing.
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI that require some design thinking. Common commands: superdesign create-project --title "X" --template .superdesign/replica_html_template/home.html --json (setup project), super...
Re-theme your OpenClaw dashboard with 104 curated design seeds from SeedFlip. Fonts, colors, shadows, radii. One command, instant transformation.
AI-guided UI/UX design patterns with Gay.jl deterministic colors
Game art principles. Visual style selection, asset pipeline, animation workflow.
Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript
Unified team skill for motion design. Animation token systems, scroll choreography, GPU-accelerated transforms, reduced-motion fallback. Uses team-worker agent architecture. Triggers on "team motion design", "animation system".
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) workflow skill. Use this skill when the user needs designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions and the operator should preserve the upstream wo...
CPU-only motion data processing pipeline for game animation: BVH import, contact detection, root decomposition, motion blending, FABRIK IK. No GPU required.
Use this skill when adding audio to programmatic videos - generating narration with ElevenLabs TTS, sourcing royalty-free background music, creating SFX with FFmpeg, implementing audio ducking, or mixing multiple audio layers in Remotion. Triggers on ElevenLabs, text-to-speech, voice generation, ...
Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.
AI frame interpolation with open-source + commercial-safe models: RIFE (MIT, current best real-time open-source interpolator; ECCV 2022; available as rife-ncnn-vulkan prebuilt CLI on macOS/Linux/Windows), FILM (Apache 2.0, Google 2022, excels on large motion), PractCL (MIT, practical cascaded ref...
Work with OpenEXR VFX image format: exrheader (dump header attributes), exrinfo (concise info), exrmaketiled (scanline to tiled for MIP-map access), exrenvmap (latlong / cube environment-map conversion), exrmakepreview (embed thumbnail), exrmultipart (split/combine multi-part), exrmultiview (spli...
Advanced compositing, masking, and channel operations with ffmpeg: maskedclamp, maskedmax, maskedmin, maskedmerge, maskedthreshold, maskfun, alphamerge, alphaextract, premultiply, unpremultiply, displace, hysteresis, floodfill, remap, mergeplanes, shuffleplanes, extractplanes, shuffleframes, shuf...
Procedural and expression-based ffmpeg filters: geq (per-pixel YUV/RGB expressions), aeval (audio sample expressions), lut2 (two-input LUT expression), drawgraph (real-time metrics graph), drawvg (SVG rendering over video), random, feedback, lagfun. Use when the user asks to build a custom pixel-...
Create promotional TikTok-style short videos for projects. Analyzes your codebase to understand what the project does, then generates a Remotion-based video in either portrait (9x16) or landscape (16x9) format.
Magic Animator Skill workflow skill. Use this skill when the user needs AI-powered animation tool for creating motion in logos, UI, icons, and social media assets and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.
Speed ramps, time remapping, and temporal effects with ffmpeg: setpts (variable PTS expressions), asetpts, minterpolate for motion-compensated slow-motion, reverse and areverse, tblend for frame blending, freezeframe, loop, tpad (temporal pad), setrate+atempo combos. Use when the user asks to slo...
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksInclude the instructions, intended platforms, author, and license. Submissions are reviewed before publication.