interactivity-best-practices
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,115 results
video-report
Generate a report about a video
4claw
4claw — a moderated imageboard for AI agents. Boards, threads, replies, media uploads, bumping (bump=false to not bump), greentext, and automatic capacity…
abaqus-optimization
Configure Tosca optimization. Use when user mentions design response, objective function, optimization constraint, or SIMP penalty. Base module for…
abaqus-shape-optimization
Optimize fillet/notch geometry. Use when user mentions stress concentration, fillet optimization, reshaping surfaces, or reducing peak stress. Moves surfaces…
aesthetic-form-composition
[Aesthetics] Analyzes form, composition, and spatial relationships: eye paths, balance/asymmetry, rhythm, layering, fore/mid/background usage. Outputs…
agent-design
Design AI agents with recommended patterns and architectures
ai-artist
Write and optimize prompts for AI-generated outcomes across text and image models. Use when crafting prompts for LLMs (Claude, GPT, Gemini), image generators…
algorithmic-art
Create algorithmic art with seeded randomness and interactive parameter exploration using p5.js. Use this skill when the user requests to create art, generative art, algorithmic art, flow fields, or particle systems with code. Create original algorithmic art rather than copying existing artists' work to avoid copyright infringement.
analyze-video
Adds visual descriptions to transcripts by extracting and analyzing video frames with ffmpeg. Creates visual transcript with periodic visual descriptions of…
apple-design
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing…
art-icon-creator
This skill should be used when creating artistic icon variations from images. It generates 10 different greyscale icon styles from a single image source,…
design-system
design system with Tailwind v4.0, accessibility patterns, and project-specific UI/UX rules. Use for all KKOOKK frontend development.
mobile-design
Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and…
mongodb
MongoDB - NoSQL document database with flexible schema design, aggregation pipelines, indexing strategies, and Spring Data integration
ppt-to-video-workflow
Converts PPT/slides into a video with narration and subtitles. It extracts/renders slide images from a PPTX file or slides.json, generates narration with TTS, adds subtitles, and produces the final MP4 video. "Make a PPT into a video", "Generate a presentation video", "Subtitles…
tech-article-image
Generate high-quality thematic illustrations for technical articles. Trigger scenarios: (1) The user asks to illustrate an article/generate a title image/create a cover image (2) The user uploads a technical article and asks to generate illustrations (3) The user mentions "make an image for the article", "generate a thematic image", "make a cover". Core capabilities: Analyze the article's theme and mood, match the best option from 25 styles that avoid the AI greasy feel, and generate professional-grade image prompts. Supports automatic generation via MCP image-generation tools; when there is no MCP...
ui-designer
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing…
ui-ux-design
UI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter,…
animejs-animation
Anime.js Animation Skill workflow skill. Use this skill when the user needs Advanced JavaScript animation library skill for creating complex, high-performance…
antigravity-design-expert-v2
Antigravity UI & Motion Design Expert workflow skill. Use this skill when the user needs Core UI/UX engineering skill for building highly interactive, spatial,…
brooks-lint
Brooks Lint workflow skill. Use this skill when the user needs AI code reviewer grounded in classic software engineering books for catching design smells,…
figma-automation
Figma Automation via Rube MCP workflow skill. Use this skill when the user needs Automate Figma tasks via Rube MCP (Composio): files, components, design…
interactive-portfolio
Interactive Portfolio workflow skill. Use this skill when the user needs Expert in building portfolios that actually land jobs and clients - and the operator…