ux-ui-ia
Use when designing or reviewing interfaces, setting up a spacing scale or design tokens, or restructuring UI into a component system.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,040 results
kicad
Designs PCB schematics and circuit layouts for hardware projects. Use when: Creating or modifying KiCad schematic files (.kicad_sch), PCB layouts, symbol…
setup-boring-video-skills
Use when installing, validating, or repairing the Boring Video planning skill set before its first use.
ui-flow
Design or implement one product UI flow with loading, empty, error, and success states, verified on a real render. Use when the user asks to build a screen,…
meitu-image-upscale
Image super-resolution capability. Improve image clarity and resolution, using the built-in command image-upscale.
meitu-video-motion-transfer
Motion transfer capability. Transfer the pose of a person in an image to a target video, using the built-in command video-motion-transfer.
image-edit-skill
AI image editing: modify image content, style transfer, background replacement, etc. Only handles editing and modification requests based on existing images, and does not handle images generated from scratch
image-to-text
Extract text and structured data from images using Vision AI (OCR). Use when: reading text from screenshots, extracting data from scanned documents, converting…
focus-ai-brand
Apply Focus.AI brand guidelines to documents, presentations, websites, and other materials. Supports two sub-brands - Focus.AI Client (services, proposals,…
codebase-design
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a…
creative-effects
Expert knowledge for artistic and creative animation effects - morphing shapes, liquid animations, glitch effects, distortion, and experimental visual…
gsap
Expert knowledge for GSAP (GreenSock Animation Platform) - the industry-standard JavaScript animation library for professional-grade animations with precise…
ui-mockup-visualizer
Create fixed-canvas HTML mockups for websites, mobile apps, and desktop apps so an AI agent can verify UI direction before implementation. Use when a user asks…
tools-unity-behavior-designer
Behavior Designer patterns for AI behavior trees including task creation, shared variables, conditionals, and debugging.
tools-unity-primetween
PrimeTween high-performance tweening library patterns for animations, UI, and sequencing.
threejs-materials
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or…
awesome-webpage-image-download
Deterministic image downloader for AwesomeWebpageMetaSkill search results. Use as skill_exec to fetch candidate image URLs into the configured local project…
openrouter-video-generator
Generate or declare an OpenRouter video asset for AwesomeWebpageMetaSkill using a parent-leased Provider Settings connection and configured non-secret…
excalidraw-mermaid
Author Mermaid diagrams that render cleanly when pasted into Excalidraw's "Mermaid to Excalidraw" feature. Use when the user asks for a diagram, flow chart,…
appshots-design-workflow
End-to-end screenshot design workflows with the App Screenshots CLI. Create multi-screenshot sets, apply styling, and export PNGs. Includes research-backed…
demo-video
Plan, script, build, and verify Remotion product demos, walkthroughs, launch clips, and explainers. Use when a product or technical claim needs a storyboard or…
interface-design
Design and implement production web interfaces from product, content, brand, and interaction evidence. Use when creating or redesigning pages, dashboards,…
code-mv-render
Code-rendered MV project library — a selection, reproduction, and adaptation guide for two open-source reference projects for "deterministic music videos" (frame = f(song time); browser preview and offline export are frame-identical): lyric MV (world.execute(me);: Canvas2D+WebGL2, three visual modes — chat interface / three-ink printmaking / code; color = state) + generative 3D…
cad-mesh-generation
Generate parametric CAD geometry and finite element meshes using FreeCAD and GMSH