motion-director
Master motion-graphics director for concept, art direction, timing, production, review, and rendering across brand films, event promos, title sequences,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,314 results
motion-effects
Create or adapt any of 16 focused motion effects in the user's brand, reusing the current project or HyperFrames registry before hand-authoring. Covers…
title-sequence-3d
Make a cinematic 3D title sequence (8-15 seconds) in code with Claude Code and Three.js. A camera moves through a lit scene, such as a rainy street at night…
actionize
Turn insights, findings, or research into an actionable plan with deadlines and scheduled Telegram reminders. Collaboratively designs the plan with the user…
gamma-reference-architecture
Reference architecture for enterprise Gamma integrations. Use when designing systems, planning integrations, or implementing best-practice Gamma…
ideogram-enterprise-rbac
Map Ideogram Owner, Admin, and Member roles to application-owned tenant, budget, key, media, publishing, and audit permissions. Use when designing or reviewing…
atomic-design-ios
Expert Atomic Design decisions for iOS/tvOS: when component hierarchy adds value vs overkill, atom vs molecule boundary judgment, design token management…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
app-onboarding
Skill for designing and improving app onboarding. Supports 4 formats: checklist + improvement report, flow design document (Mermaid), wireframe instructions for screen composition, and React/SwiftUI code generation. When to use: (1) Onboarding design for a new app (2) Diagnosis and improvement of existing onboarding (3)…
portal-page-design
Structure and compose Kong Konnect Dev Portal pages with MDC components like heroes, cards, columns, tabbed panels, callouts, and expandable sections. Use for…
analyze-video
Analyze a reference video and reverse-engineer its style into a reusable Seedance 2.0 prompting template. The output is a new skill/formula (like…
clone-ad
Clone an existing video ad for a different product or offer. Analyzes the source video's style, pacing, camera work, dialogue, and tone, then adapts and…
plain-design-engineer
Primary design skill for creating, redesigning, or reviewing frontend interfaces with a plain, technical infrastructure-product style. Use for developer tools,…
media-generation
Generate images and videos using x402-protected AI models at StableStudio. USE FOR: - Generating images from text prompts - Generating videos from text or…
ux-coaching
Coach a UX practitioner through problem framing, running a design critique, or making an evidence-backed case to a skeptical stakeholder. Use when the…
winui-design
Read before writing or changing WinUI 3 XAML: choosing controls, pages and navigation, layout, Fluent Design, theming, accessibility, x:Bind, real samples, and…
designcraft
Create and edit page layouts, text frames, styles, images, and data-merged documents in the DesignCraft application through its control protocol, MCP server,…
gh-pr-image
Upload local images to a GitHub PR description or comment without committing them to the repo. Use when creating PRs that need before/after screenshots, visual…
video-analyser
Analyse a video file — primarily a screen recording of a bug — to extract errors, UI state, and reproduction steps. Resolves input from a Linear ticket URL, a…
voice-clone-tts
Synthesize the copy and the user's own reference recording into voiceover, SRT, and a handoff-ready timeline. By default, use MiniMax with the user's own voice; you may explicitly choose the free local Qwen3-TTS (MLX on Apple Silicon) or Nano CPU. Suitable for spoken voiceover, voice cloning, and preparing final audio and subtitles for web video demos.
gsap
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter,…
ns-navigation-transitions
Use when writing or reviewing any Frame.navigate / RouterExtensions.navigate call, when a push/back animation looks flat, janky, or "web-like", or when…
ns-root-layout-overlays
Use when building in-app overlays, toasts, popups, or bottom sheets without a native modal — getRootLayout().open with shadeCover and enter/exit animations,…
ns-touch-animations
Use when adding any tappable UI (buttons, pills, chips, cards), reviewing touch/press animation code, or tuning tap feel — enable…