remotion-video-toolkit
Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D,…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
21,717 results
Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D,…
Establish project context - foundation for all design work
Create UX scenario outlines from Trigger Map through structured micro-steps
Comprehensive brand strategy and identity development skill for creating cohesive brand systems across all touchpoints. This skill should be used when…
Extracts comprehensive wholesale product data from 1688.com product detail pages: title, tiered pricing, SKU variants with dimensions/weight, product images,…
Search Xiaohongshu (RedNote / xhs) notes by keyword and return a paginated list with title, author, engagement stats (likes, collects, comments), cover image…
Grafana monitoring dashboard design review skill. Based on the "how to define a good monitoring dashboard" best practices, review the design or current state of a Grafana dashboard, and output a list of issues, improvement suggestions, and an effectiveness score (out of 10). Trigger words: "/grafana-dashboard-review" or the user requesting to "review/examine/score a Grafana monitoring dashboard".
draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.
Evaluate Agent Skill design quality against official specifications and best practices. Use when reviewing, auditing, or improving SKILL.md files and skill…
Generate and edit images using Nano Banana (Google Gemini image generation). Use whenever Claude Code needs to create new images, edit existing images,…
Panorama and video input for world generation - maximum layout control
Craft compelling company narrative, origin story, and pitch decks. Use for "what's our story" and investor/press narratives. For product positioning statement…
Design and optimize growth loops — viral mechanics, referral programs, product-led acquisition, content loops. Use when building PLG growth engine, figuring…
Design large-scale systems using Jeff Dean's pragmatic approach. Emphasizes performance intuition, building reliable systems from unreliable components, and…
Write Go code in the style of Bill Kennedy, author of Go in Action. Emphasizes mechanical sympathy, data-oriented design, and understanding how Go code…
Create system design specifications from intent and requirements or user stories. The user selects scope and approves UI and architecture before autonomous…
Convert fragmented cultural visual materials into traceable asset indexes, visual genes, high-end brand visual systems, poster concepts, image-generation…
Turn a photo into a specific AI look (new hairstyle, collectible figurine, royal pet portrait, wedding photo, 90s yearbook, sticker, HD restore) or a photo…
Adobe Photoshop layer operations — create, delete, reorder, duplicate, rename, set opacity/visibility, fill, blend modes
Directs premium HyperFrames motion videos end to end at a repeatable high bar - product promos, agent/co-pilot demos driven by a chat, flow showcases on a…
Canvas project management skill providing AI image generation, web image search, and design marker processing. Automatically used for all image generation…
Work documentation hub, enforces the SSOT (Single Source of Truth) principle, manages `docs/` architecture decisions, design documents, Issues (task planning), and PRs (change records) under the directory. Supports the GitHub collaborative development model.
Create or update native, editable Figma designs with TemPad Dev MCP: screens, flows, components, and requested local design-system resources, including on an…
Build animated pixel-art miniatures: a small isometric place drawn at low resolution and enlarged crisp, with ordered dithering on every surface, procedural…