动画
UI 动画与过渡效果
Portfolio & Personal Brand
neillock
Story-driven specification for full portfolio journeys (Identity Home + Project Case Studies).
slidev
Furisto
Create developer-focused presentation slides using Slidev, a markdown-based presentation framework built on Vue and Vite. Use when creating technical talks, converting content to slide decks, or working with .md presentation files. Triggers on requests to create presentations, slides, decks, or when working with Slidev projects.
another-frontend-design
zaaakher
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
brn:jira
zfael
Interact with JIRA API for ticket management and tracking. Use when: (1) Listing assigned tickets, (2) Getting details, (3) Updating status.
editor
simplebusiness26
Assemble approved animation shots and audio into a coherent episode with strong pacing, continuity, comic timing, and minimal regeneration.
vue-best-practices
hello-lizhihua
必须用于 Vue.js 任务。强烈建议使用带有 <script setup> 的组合式 API 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。适用于任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 工作。除非项目明确要求选项式 API，否则始终使用组合式 API。
explainer-video-guide
nachopalmeri
"Explainer video production guide: scripting, voiceover, visuals, and assembly. Covers script formulas, pacing rules, scene planning, and multi-tool pipelines. Use for: product demos, how-it-works videos, onboarding videos, social explainers. Triggers: explainer video, how to make explainer, product video, demo video, video production, video script, animated explainer, product demo video, tutorial video, onboarding video, walkthrough video, video pipeline"
design-motion-principles
samunderwood
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
anduril
adisinghstudent
Opinionated constraints for building better interfaces with Anduril-style design.
pixel-art-skill
levskiy0
Создание и подготовка игрового пиксель-арта — спрайтов, тайлсетов, тайлмап, статических и анимационных атласов с обязательной обработкой Sprite Fusion Pixel Snapper. Использовать для растровых pixel-art ассетов, покадровой анимации и проверки их интеграции в игру.
frontend-design
yuanxiao0115
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
pfp-animate
velinussage
Generate animated videos from static profile pictures using AI. Use when users want to animate images, create PFP videos, make meme videos, or turn portraits into short clips. Supports video with generated audio, lip-sync to existing audio, and precise keyframe control.
vercel-react-native-skills
Jackiexiao
React Native和Expo构建高性能移动应用程序的最佳实践。使用