设计创作
设计界面、品牌和图像、视频、音频等创意内容。
prototype
写一个一次性原型来验证状态模型或 UI 方案是否可行。
web-design-guidelines
检查网页代码是否符合无障碍和界面设计最佳实践。
remotion-best-practices
帮你用 Remotion 创建视频的各个子技能入口。
hyperframes
用网页代码把图片和文字编排成视频。
ai-video-generation
根据文字或图片选择工具并生成视频。
ai-image-generation
根据你的描述选择图像工具并生成图片。
ai-avatar-video
用人物照片和台词制作数字人口播视频。
video-edit
根据你的要求修改视频中的画面内容。
image-to-video
把一张静态图片变成有动作的视频。
nano-banana-2
用 Google Nano Banana 2 生成图片。
nano-banana-edit
按要求修改图片，并尽量保留人物和产品特征。
image-edit
帮你修改图片中的背景、物体和画面效果。
flux-kontext
用 Flux 1 Kontext Pro 精确编辑图片中的局部区域。
wan-2-7
用 Wan 2.7 根据文本或参考图生成视频。
gpt-image-edit
用 OpenAI GPT Image 2 编辑图片，保持主体一致性。
seedance-v2
用参考图和动作描述生成角色连贯的视频。
happyhorse-1-0
用 HappyHorse 1.0 生成视频，支持多镜头角色一致性和同步音频。
flux-2-klein
用 Black Forest Labs Flux 2 Klein 快速生成图片。
hyperframes-registry
在 HyperFrames 视频项目中安装和使用可复用的模块和组件。
kling-3-0
用 Kling 3.0 生成电影级视频，支持多镜头和 4K 输出。
ai-video-generation
帮你选择合适的 AI 视频模型并生成视频。
ai-image-generation
在RunComfy上生成和编辑AI图像（支持FLUX、GPT Image等多种模型）。
runcomfy-cli
通过命令行在RunComfy上调用图像、视频、编辑等各类AI模型。
ai-avatar-video
创建AI虚拟形象和口型同步视频（让图片说话）。
face-swap
替换图片或视频中的面孔（换脸）。
video-inpainting
编辑视频中的局部区域（移除物体、水印等）。
image-inpainting
编辑图片中的局部区域（移除物体、填补区域）。
controlnet-pose
根据姿态参考图控制图像或视频生成（控制网）。
lipsync
让视频中的人物口型与音频同步。
video-extend
延长现有视频clip的长度。
elevenlabs-music-generation
用ElevenLabs生成完整歌曲和配乐。
image-outpainting
扩展图片画布（改变宽高比、填充周边区域）。
video-outpainting
扩展视频画布（竖屏转横屏等）。
ace-step
用ACE Step生成、修补和扩展音乐。
hyperframes-animation
HyperFrames项目的动画规则和效果。
ui-ux-pro-max
帮你为网页选择配色、字体和布局。
media-use
HyperFrames项目中查找、生成和操作媒体资源。
hyperframes-creative
HyperFrames视频的创意方向和设计规范。
high-end-visual-design
帮你设计字体、布局和动效更讲究的网页。
minimalist-ui
把杂乱的网页改成重点清楚的极简页面。
stitch-design-taste
为Google Stitch生成设计规范文件。
gpt-taste
设计AWWWARDS级别的网页和动画效果。
brandkit
帮你设计成套的品牌标志、配色和字体方案。
impeccable
检查并改善网页的排版、适配和交互细节。
remotion-to-hyperframes
将Remotion项目转为HyperFrames格式。
image-to-code
把页面设计图转成可运行的网页代码。
imagegen-frontend-web
生成网站各区域的独立设计参考图。
hyperframes-keyframes
HyperFrames视频的关键帧和相机运动。
imagegen-frontend-mobile
生成移动应用的界面设计参考图。
emil-design-eng
帮你改善按钮、弹窗和动画的使用体验。
ai-video-generation
在RunComfy上生成AI视频（支持多种模型）。
ai-image-generation
帮你通过 RunComfy 生成和编辑 AI 图像。
video-edit
帮你通过 RunComfy 编辑视频。
image-to-video
帮你通过 RunComfy 把图片转成视频。
general-video
帮你创建多场景视频、品牌宣传片和混剪作品。
product-launch-video
把产品页面和介绍材料制作成发布视频。
motion-graphics
把文字、数字和图表做成短动画。
embedded-captions
让视频重点字幕出现在人物身后，避免挡脸。
pr-to-video
帮你把代码变更做成解说视频。
music-to-video
帮你把音乐做成节拍同步的视频。
talking-head-recut
帮你为访谈视频添加图形叠加卡片。
higgsfield-generate
帮你生成 AI 图像、视频和 3D 资产。
extract-design-system
从网站提取可复用的配色、字体和间距规则。
review-animations
检查界面动画哪里生硬，并给出修改建议。
higgsfield-product-photoshoot
用产品照片生成不同场景的商品展示图。
higgsfield-soul-id
帮你训练个人面部 AI 模型。
higgsfield-marketplace-cards
帮你制作电商平台产品图。
animation-vocabulary
帮你找到动画效果的正确名称。
apple-design
帮你实现苹果风格的交互动画。
canvas-design
根据你的主题设计海报或静态视觉作品。
figma
帮你把 Figma 设计做成视频。
improve-animations
审查代码库的动画质量，提供优先级的改进方案。
hyperframes-gsap-adapter
在 HyperFrames 中创建 GSAP 动画时间线。
find-animation-opportunities
发现代码库中缺少动画的交互场景。
polish
修复现有设计的视觉细节问题。
critique
审查界面设计并提供改进建议。
audit
执行代码技术质量审计和检查。
brand-guidelines
为组件应用 Anthropic 品牌样式。
animate
为界面设计添加有目的的动画效果。
adapt
将设计适配到不同的设备和平台。
clarify
重写界面文案使其更清晰易懂。
optimize
诊断并修复性能问题。
colorize
为设计系统添加颜色层级。
bolder
强化设计中特定部分的视觉表现。
hyperframes-audio
在 HyperFrames 中混合和调整音频。
delight
在合适的时机添加愉悦的交互细节。
quieter
降低设计的视觉强度。
algorithmic-art
用代码创作生成艺术作品。
hyperframes-css-animations
为 HyperFrames 编写 CSS 关键帧动画。
hyperframes-animejs
在 HyperFrames 中集成 Anime.js 动画。
hyperframes-three
在 HyperFrames 中创建 Three.js 3D 场景。
hyperframes-lottie
在 HyperFrames 中嵌入 Lottie 动画。
hyperframes-waapi
在 HyperFrames 中使用 Web Animations API。
typeset
检查和改进网页的字体排版，确保层次清晰和可读性。
higgsfield-websites
通过 Higgsfield CLI 构建和部署网站、应用或游戏。
overdrive
将界面推向极致，做出令人惊艳的交互效果。
video
用 AI 工具或程序化框架创建和制作视频内容。
image
为营销活动生成和优化图片素材，包括产品图和社交图片。
remotion-create
创建新的 Remotion 视频项目并设计视频内容。
remotion-render
渲染导出 Remotion 视频。
prototype
构建多个不同的 UI 版本供视觉对比选择。
remotion-captions
转录、显示和制作视频字幕动画。
design-md
为 Stitch 项目创建设计规范文档。
remotion-markup
编写 Remotion 视频的动画和特效代码。
is-this-photo-real
验证图片或视频是否被篡改或虚假标注。
remotion-interactivity
为 Remotion 视频添加交互控件。
find-the-original-image
逆向图片搜索找到图片来源和最早发布版本。
remotion-saas
用 Remotion 构建交互式视频应用。
gpt-image-2
用 RunComfy 调用 GPT Image 2 生成和编辑图片。
agent-tools
通过 inference.sh 调用 AI 模型生成图片、视频和进行网络搜索。
infsh-cli
通过 inference.sh 调用 AI 模型生成图片、视频和进行网络搜索。
remotion-render
通过 inference.sh 渲染 React 代码为视频。
extract
从代码中提取可复用的模式和组件到设计系统。
onboard
优化用户引导流程让新用户快速发现产品价值。
make-interfaces-feel-better
优化界面细节，包括动画、悬停状态、阴影和排版让它更精致。
higgsfield-video-explainer
把主题或文档变成配旁白的动画视频，按 10 秒片段生成。
remotion-docs
查询 Remotion 文档获取视频开发相关 API 和示例。
shadcn-ui
集成和使用 shadcn/ui 组件库进行开发。
captions-overlay
为视频添加字幕，处理字幕的叠加方式。
motion-doctrine
让多场景视频看起来像连续镜头而非独立动画。
gsap-scrolltrigger
用 ScrollTrigger 实现滚动驱动的动画和元素固定。
seam-craft
确保视频场景间切换在渲染时正确合成。
changelog-video
把周报 changelog 做成品牌化视频。
oversized-cursor
用超大鼠标指针引导视频观众视线。
accessibility
按 WCAG 标准审计和改进网页无障碍性。
gsap-performance
优化 GSAP 动画性能，避免卡顿达到 60fps。
gsap-timeline
用 GSAP 时间线编排多步骤动画。
remotion-upgrade
升级 Remotion 和相关依赖包到最新版本。
animate
从零开始构建动画，决定是否需要动画及如何实现。
huashu-design
用 HTML 制作高保真原型、幻灯片和动画。
remotion-maps
用 Remotion 制作地图动画，支持 Mapbox、MapLibre 等多种方案。
pexo-agent
通过自然语言描述生成 5-120 秒的 AI 视频。
remotion-multimedia
用 Mediabunny 获取音视频文件的时长和尺寸信息。
remotion
从 Stitch 项目生成带转场和文字的 Remotion 演示视频。
clerk-custom-ui
自定义 Clerk 登录注册流程和界面样式。
firecrawl-website-design-clone
从网站提取设计系统元素。
baoyu-image-gen
调用 AI 生成图像。
baoyu-infographic
生成21种布局和22种视觉风格的专业信息图。
browser-fingerprint-audit
检查浏览器指纹是否与TLS/HTTP请求一致，识别伪装或自动化。
higgsfield-youtube-thumbnail
生成高点击率的YouTube视频缩略图和短视频封面。
higgsfield-brandkit
创建完整品牌视觉系统，包括标志、配色和品牌手册。
shape
通过访谈确定产品需求和设计方案，返回确认的设计简报。
baoyu-cover-image
生成文章封面图，支持多种比例和视觉风格。
baoyu-article-illustrator
分析文章结构，为需要配图的位置生成一致风格的插画。
baoyu-comic
生成知识漫画，支持多种艺术风格和分镜布局。
excalidraw-diagram-generator
根据描述生成Excalidraw流程图和架构图。
remotion-studio
在浏览器中预览Remotion视频项目。
landing-page-design
设计高转化率落地页，包含首屏公式和社交证明。
storyboard-creation
帮你用 AI 制作视频分镜和镜头表。
character-design-sheet
保持 AI 生成的角色形象一致。
video-ad-specs
创建适配各平台的视频广告素材。
image-to-video
把静态图片转为动态视频。
layout
帮你优化产品布局和阅读顺序。
baoyu-compress-image
帮你压缩图片文件大小。
baoyu-danger-gemini-web
用 Gemini 生成图片和文字。
stitch::code-to-design
帮你把现有前端代码转换成 Stitch Design。
interface-design
帮你设计仪表盘、SaaS 应用等产品界面。
design-system
设计三层 token 架构、组件规范和幻灯片，生成设计系统。
design
统一处理品牌、UI、Logo、演示和社交媒体图片设计。
ui-styling
用 shadcn/ui 和 Tailwind CSS 创建美观可访问的界面。
brand
定义品牌调性、视觉识别和内容规范。
fixing-motion-performance
审计并修复动画性能问题。
gpt-image-2
用Pilio API生成图片，或基于参考图编辑内容。
baoyu-youtube-transcript
下载YouTube视频的字幕和封面图片。
gemini-api-dev
调用Google Gemini API做文本生成、多模态理解等任务。
baseline-ui
快速修复UI代码的排版、层级和样式问题。
web-design-guidelines
检查网页代码是否符合界面设计规范。
taste-design
生成设计规范文件，让AI生成高端、非常规的界面。
gpt-image-2
用GPT-Image 2生成和编辑图片，支持批量处理和流式输出。
lavish
把代码、图表或报告变成可交互的HTML页面展示。
flutter-animations
添加、修复、调试Flutter动画效果。
design-system-patterns
构建设计系统和组件库模式。
threejs-animation
创建Three.js动画，包括关键帧、骨骼和混合动画。
better-ui
优化UI细节，包括圆角、对齐和视觉层次。
think
把粗糙想法梳理成完整可执行的方案计划。
better-typography
优化文字排版、行高、字体粗细等细节。
penpot-uiux-design
用Penpot设计UI界面和设计系统。
game-engine
用Canvas和WebGL开发2D/3D游戏。
better-colors
为产品构建色彩系统和检查对比度。
watch
下载视频并提取画面帧和字幕，方便分析视频内容。
seedance2-api
从故事板概念生成AI视频，包括参考图和最终视频输出。
visual-design-foundations
应用字体、颜色、间距和图标原则建立统一视觉系统。
web-component-design
设计React、Vue和Svelte的可复用UI组件和设计系统。
building-components
帮你构建现代可访问的UI组件和设计系统。
threejs-fundamentals
帮你搭建Three.js 3D场景。
better-layout
帮你改进界面布局和对齐。
transitions-dev
帮你实现网页动画和过渡效果。
nanobanana
帮你生成和编辑图片。
video-editing
用 AI 辅助编辑真实视频素材，包括剪辑、加字幕和配音。
videoagent-video-studio
根据文字描述或图片生成短 AI 视频片段。
better-interface
从可访问性、布局、写作、字体、颜色等方面全面审查界面设计。
argent-lens
帮你展示多个设计方案供选择。
text-to-speech
帮你把文字转成语音。
better-accessibility
帮你检查无障碍访问。
motion-design
为 UI 元素创建动画和过渡效果，应用时序和缓动原则。
nano-banana-pro-openrouter
通过OpenRouter用Gemini 3 Pro生成或编辑图片，支持1K/2K/4K分辨率。
image-manipulation-image-magick
用ImageMagick处理图片，包括缩放、格式转换和批量操作。
framer-motion-animator
用Framer Motion创建页面转场、手势动画和微交互效果。
threejs-shaders
用GLSL编写Three.js自定义着色器和视觉效果。
cad
用自然语言创建、修改和生成STEP格式CAD模型。
fluentui-blazor
帮你使用 Fluent UI Blazor 组件库构建界面。
threejs-geometry
创建 Three.js 3D 几何体，包括内置形状、缓冲几何体和实例化渲染。
text-to-lottie
为 Skia Skottie 播放器创建和编辑 Lottie JSON 动画。
transloadit-media-processing
使用 Transloadit 处理视频、音频、图像的转码和优化。
java-add-graalvm-native-image-support
为 Java 应用添加 GraalVM 原生镜像支持。
ui-animation
帮你实现和调试UI动画效果，找出界面缺少运动的地方。
threejs-interaction
帮你实现Three.js 3D场景的点击检测和交互功能。
design-motion-principles
帮你创建或审查UI动画，检测AI生成的劣质动画模式。
hyperliquid
帮你进行去中心化交易所的合约和现货交易。
threejs-materials
帮你为Three.js 3D模型配置PBR材质和着色器。
mobile-app-ui-design
设计高质量的移动应用界面。
design-system
生成或审计设计系统。
threejs-postprocessing
Three.js 后处理特效与视觉效果。
fal-ai-media
用 fal.ai 生成图片、视频和音频，支持文生图、文生视频、语音合成等多种模式。
threejs-lighting
为 Three.js 场景添加光源、配置阴影、设置环境光照和优化照明性能。
drawio
用 YAML 流程创建和导出 draw.io 图表，支持架构图、流程图、UML 等多种类型。
remove-background
用 Pilio API 移除图片背景，生成透明背景的裁切图像。
videodb
摄取、索引和搜索视频内容，支持实时流处理、时间轴编辑和字幕生成。
cmux
控制 cmux 终端多路复用的窗口、工作区、窗格和标签页布局与导航。
remove-image-watermark
用 Pilio API 移除图片中的可见水印。
stitch::generate-design
用 Stitch MCP 从文字提示或图片生成 UI 界面、编辑现有界面和生成设计变体。
bailian-gen
用阿里云百炼生成图片、视频、语音，或理解图片和视频内容。
upscale-image
用 Pilio API 提升图片分辨率和清晰度。
threejs-loaders
加载 Three.js 3D 模型、纹理、HDR 环境并管理加载进度。
remotion-video-creation
用 Remotion 在 React 中创建视频，处理动画、音频、字幕、图表和转场效果。
step-parts
从 step.parts 搜索标准 CAD 零件，下载电机、连接器、轴承等模型。
stitch::extract-design-md
从现有前端代码提取设计系统，包括组件样式和设计令牌。
threejs-textures
加载 Three.js 纹理，设置 UV 映射、环境贴图和色彩空间。
speech-to-text
使用 ElevenLabs 将音频转换为文字，支持 90+ 语言和说话人分离。
stitch::manage-design-system
在 Stitch 中管理和应用设计系统，检索资源并更新样式。
ffmpeg
使用 FFmpeg 转换视频格式、提取音频、压缩文件。
accessibility
帮你检查网页或App是否符合无障碍标准，支持屏幕阅读器和键盘操作。
ui-demo
用Playwright录制网页操作演示视频，带鼠标光标和流畅节奏。
manim-video
用Manim制作技术概念的动画解释视频，如流程图和系统架构。
kling-cli
用可灵AI的CLI生成文生图、图生视频。
urdf
创建和验证URDF机器人描述文件，检查关节和连杆配置。
cad-viewer
打开CAD文件并生成在线审查链接。
srdf
创建MoveIt2规划组的SRDF语义文件。
gan-style-harness
通过生成器和评估器的迭代循环自动构建高质量应用。
SVG Logo Designer
根据描述生成专业 SVG Logo。
creative-portfolio-resume
平衡创意设计的视觉吸引力与 ATS 兼容性。
ux-heuristics
帮你用尼尔森可用性原则评估界面设计，找出交互问题。
magicpath
帮你通过MagicPath查找、安装或创建UI组件。
meme-rush
实时监控 Pump.fun 等 Launchpad 的新代币上线和 AI 热炒话题。
sound-effects
用文字描述生成音效，支持循环、时长控制和提示词调整。
music
用文字提示生成音乐，支持乐器和人声创作。
msw-avatar
管理 MSW 游戏中角色的外观装扮和动画状态。
msw-painter
当搜索找不到合适精灵图时，手绘像素艺术精灵。
msw-ui-system
MSW UI 系统设计指南和组件 API。
gcode
从 3D 模型生成和验证 FDM 3D 打印 G 代码。
msw-sprite-ruid
为精灵渲染组件分配 RUID。
seedance
使用 ByteDance Seedance 2.0 生成带同步音频的视频。
gpt-image
使用 OpenAI GPT-Image-2 生成和编辑图像。
p-image
使用 Pruna P-Image 模型生成图像。
p-video
使用 Pruna P-Video 和 WAN 模型生成视频。
happyhorse
使用阿里巴巴 HappyHorse 1.0 生成逼真视频。
p-video-avatar
生成说话头像视频，内置文字转语音功能。
bencium-innovative-ux-designer
创建独特的视觉语言和品牌设计方向。
core
定义 JSON 渲染的模式和 AI 提示词。
h3-prompt-writing
编写 MiniMax H3 视频生成提示词。
videoagent-image-studio
调用 Midjourney、Flux 等模型生成图像。
top-design
创建视觉震撼的获奖级网页作品。
cmux-settings
编辑 cmux 配置文件（快捷键、主题、通知等）。
implicit-cad
用 GLSL 创建隐式 CAD 模型并在浏览器渲染。
dxf
帮你用Python生成和验证2D CAD图纸文件。
youtube-downloader
帮你下载YouTube视频，选择画质和格式。
cmux-workspace
在cmux工作区中执行终端和浏览器操作。
byted-ark-seedream-skill
用豆包Seedream AI生成和编辑图片。
cmux-customization
自定义cmux的快捷命令和工作区布局。
information-architecture
定义产品或网站的信息架构和导航结构。
design-review
对已实现的界面进行设计评审和视觉检查。
design-tokens
生成设计令牌文件（颜色、间距、字体等）。
microinteractions
帮你设计界面微交互细节，如按钮反馈、加载状态、开关切换等交互体验。
ui-ux-pro-max
这是UI/UX Pro Max的目录入口，需安装上游完整版才能使用。
image-generation
帮你为DALL-E、Midjourney等AI绘图工具编写有效的提示词。
design-systems-slds-apply
使用Salesforce Lightning设计系统构建符合规范的UI界面和组件。
figma-generate-design
帮你把应用页面或界面描述转换为 Figma 设计稿。
cmux-keyboard-shortcuts
帮你自定义 cmux 的键盘快捷键布局。
antd
帮你查询 Ant Design 组件的 API、示例和迁移指南。
design-brief
帮你通过交互式访谈创建设计简报。
design-flow
帮你运行完整的设计到开发流程。
prototype
快速构建原型验证设计决策。
interface-review
审查界面设计、配色和排版。
brief-to-tasks
把设计需求拆分成可执行的任务列表。
3d-web-experience
用 Three.js、React Three Fiber 等技术构建网页 3D 场景和交互体验。
libtv-skill
通过 liblib.ai 平台生成和编辑 AI 图片和视频。
blender-motion-state-inspection
从 Blender 提取结构化骨骼和动画数据，诊断模型姿态问题。
experience-cms-brand-apply
从 Salesforce CMS 提取品牌规范并应用到内容。
web-video-presentation
把文章做成可录屏的网页演示。
tts
将文本转换为自然语音，支持语音克隆和时间轴对齐。
image-enhancer
提升图像清晰度、分辨率和质量。
lean-ux
用精益思维进行快速UX设计和实验。
design-sprint
组织5天设计冲刺来快速验证产品创意。
imagegen
生成或编辑光栅图像用于项目。
userinterface-wiki
提供152条Web界面UI/UX最佳实践。
fish-audio
通过API生成AI语音旁白，支持多语言合成，或从语音库选择参考音色。
Transcription Automation
将音频或视频转录为文字，生成字幕和会议纪要。
gpt-image-2
用GPT Image 2生成或编辑图像，提供结构化模板。
pixijs-core-concepts
帮你理解 PixiJS v8 的渲染系统、渲染循环和环境适配。
Brand Guidelines Generator
帮你创建品牌风格指南，统一视觉和文字形象。
pixijs-scene-sprite
帮你用PixiJS绘制精灵图和播放帧动画。
qianwen-image-generation
帮你根据文字描述生成图片。
videoagent-audio-studio
帮你生成配音、音乐和音效。
canvas-design
帮你创建视觉艺术设计图。
architect
帮你设计系统架构并做出技术选型。
transitions-polish
帮你优化动画的时序和过渡效果。
qianwen-audio-tts
将文本转换为自然语音。
Podcast Automation
自动化播客制作和分发。
qianwen-text
用 Qwen 模型对话和生成文本。
qianwen-video-generation
用 Wan 模型生成视频（文生视频、图生视频等）。
design-dna
从参考图片提取设计系统、风格和视觉特效。
bencium-controlled-ux-designer
提供 UI/UX 设计指导和建议。
pixijs-scene-gif
帮你在PixiJS应用中播放GIF动画。
motion-framer
帮你为React应用添加交互动画效果。
video-frames
帮你从视频中提取画面。
ui-skills-root
帮你选择合适的UI开发技能。
ux-copy
帮你写或检查界面文案（按钮文字、错误提示、空状态）。
brand-guidelines
把 Anthropic 品牌配色和字体应用到你的设计。
video-spec-builder
通过追问帮你明确视频需求，输出分镜表。
legacy-modernizer
设计遗留系统的增量迁移方案，逐步重构代码。
video-use
通过对话编辑视频，添加字幕和特效。
design-system
审计和文档化设计系统组件。
cmux-ghostty
管理 cmux 的 Ghostty 子模块。
design-is
用 Dieter Rams 原则评估设计质量。
gsap-framer-scroll-animation
实现网页滚动动画和视差效果。
accessibility-review
检查网页或设计是否符合 WCAG 2.1 AA 无障碍标准。
image-generation
为文章和文档生成插图图片。
mermaid-to-image
将 Mermaid 图表转换为 PNG 图片。
web-design-guidelines
根据 Vercel 设计指南审查 UI 代码。
design-audit
对现有应用进行 UI/UX 设计审计和改进。
figma-generate-library
从代码库构建 Figma 设计系统。
youtube-transcript
提取 YouTube 视频的字幕文本。
recoup-roster-manage-artist
管理单个艺人的文件夹和发布内容。
raw-video-processing
后期处理屏幕录像去除静音和调整速度。
ui-design
参考真实产品案例设计 UI 界面。
video-to-gif
把视频转换成多种参数的 GIF 变体，方便你对比选择最合适的版本。
ui-design-system
用 TailwindCSS、Radix UI 和 shadcn/ui 构建 React UI 组件库。
manimce-best-practices
用 Manim Community Edition 制作数学动画和可视化。
brand-voice-enforcement
帮你按品牌规范检查和修改营销内容。
threejs-webgl
帮你用 Three.js 构建交互式 3D 场景。
songsee
帮你从音频生成频谱图和特征可视化。
network
帮你用 PlantUML 画网络拓扑图。
nano-banana-pro
用 Google Nano Banana Pro 生成或编辑图片。
voice-isolator
帮你从音频中提取人声并去除背景噪音。
scroll-world
创建3D滚动动画网页。
wpds
帮你使用WordPress设计系统构建UI组件。
logo-creator
用AI生成商标图标并支持迭代修改。
voice-changer
把音频中的人声转换成另一个目标声音，保持情感和节奏不变。
game-ui-design
设计游戏UI界面，包括HUD、菜单和交互元素。
design-handoff
从设计稿生成开发交接规范。
logo-generator
根据产品信息生成专业的 SVG Logo 和展示图，支持多种设计风格和背景模板。
ui-ux-designer
创建界面设计、原型线和设计系统，包含用户研究和无障碍标准。
design-brief
把结构化设计简报解析成具体的设计规范，明确配色、排版和布局要求。
nanobanana
根据文字描述生成图像，或编辑现有图片，支持多种比例和高分辨率输出。
game-ui-ux
设计适配多种分辨率和游戏手柄的游戏界面和菜单系统。
characteristic-voice
让 AI 语音输出更加自然和富有情感表现力。
creative-director
帮你评估创意方向，从20+方法论中选择适合的创意策略。
prototype-pollution
测试 JavaScript 代码中的原型污染漏洞。
threejs
创建浏览器 3D 场景和交互效果。
video
生成 AI 短视频。
prototype-pollution-advanced
原型污染进阶利用实现 RCE。
accessibility
开发 VS Code 无障碍功能。
taste
设计音乐视频的视觉风格和剪辑节奏。
video-marketing
规划视频营销策略和写脚本。
brand-review
检查内容是否符合品牌规范。
figma-code-connect
创建 Figma 组件代码映射。
speech
生成语音 narration。
seedance-prompt-en
写 Seedance 视频生成提示词。
renaissance-architecture
用第一性原理设计架构。
video-generation
根据结构化提示词生成视频。
brand-discovery
通过访谈发现品牌定位。
accessibility-a11y
帮你实现网页无障碍设计，遵循 WCAG 指南。
muapi-cinema-director
把创意意图转化为 Veo3、Kling、Luma 视频模型的技术拍摄指令。
extract-design
从网站提取完整的设计语言系统（颜色、字体、组件等）。
guideline-generation
从品牌文档、销售通话记录或发现报告中提取特征，生成品牌调性指南。
hatch-pet
从角色艺术或参考图创建Codex兼容的动画宠物精灵图集。
image-generation
根据结构化提示词生成高质量图像，支持参考图引导。
jackyshen-gen-short-video-script
为抖音、小红书、TikTok等平台生成30秒至3分钟的短视频脚本。
design-review
进行视觉审计，然后用原子提交修复UI问题并对比前后效果。
avkit
在iOS应用中添加视频播放器、画中画、AirPlay和字幕显示功能。
Blender
通过Flue从命令行控制Blender 3D软件。
muapi-seedance-2
帮你用 Seedance 2.0 生成电影级视频，支持文生视频、图生视频和角色训练。
design-md
帮你创建和管理设计文档，记录设计方向、配色和组件规范。
designing-beautiful-websites
帮你设计网站和 Web 应用的用户体验、界面布局和视觉系统。
gpt-image-2-style-library
帮你选择 GPT-Image2 的视觉风格并生成提示词模板。
chakra-ui-builder
帮你用 Chakra UI v3 构建响应式界面和组件库。
a2ui-renderer
在 CopilotKit 应用中渲染 Agent-to-UI 声明式界面，自动响应 /info 指令激活。
muapi-logo-creator
使用几何图形和负空间设计品牌标志。
md2wechat
帮你把Markdown文章转换成微信公众号格式并发布。
muapi-nano-banana
根据结构化创意简报生成高质量的AI图像。
remotion
用React代码编写程序化视频，用于品牌宣传或数据可视化。
ui-skills
提供构建界面时的一致性约束和设计规范。
video-podcast-maker
根据主题自动生成知识类解说视频，包含配音和动画。
brand-guidelines
应用Anthropic官方品牌色彩和字体设计规范。
color-expert
提供色彩科学专业知识，包括配色生成和无障碍对比度检查。
canvas-design
用设计原理创建PNG或PDF格式的视觉艺术海报和插画。
data-report
把CSV或JSON数据转化为带有图表和洞察的可视化报告页面。
plan-design-review
对设计作品进行资深设计师评审，评估各维度并标记AI生成痕迹。
muapi-ui-design
根据产品需求生成高保真的 UI/UX 设计稿和线框图。
shadcn-ui
使用 shadcn/ui 构建可访问的 UI 组件。
writing-docs
编写 Remotion 项目文档的指南。
marketing-psychology
运用心理学原理优化营销文案和定价策略。
nanobanana-ppt
AI 驱动的 PPT 生成工具。
blender-web-pipeline
导出 Blender 模型为 web 优化的 glTF 格式，批量处理和优化 3D 资源。
muapi-social-media-video
读取品牌文件生成社交媒体视频脚本和分镜，调用 Seedance 2.0 生成成片。
pi-result-handling
按需求说明或任务清单完成代码实现。
heygen-video
通过 HeyGen v3 管道生成真人主持的视频，支持定制形象和声音。
fal-lip-sync
通过 fal.ai 生成说话人视频和音频对口型同步效果。
review
用不同于代码作者的模型进行资深代码审查，按严重程度排列问题。
ad-creative
生成和迭代广告创意，包括标题、描述和正文，用于付费社交和搜索广告。
awwwards-animations
用 GSAP、Motion、Anime.js 和 Lenis 制作 Awwwards 级别的网页动画。
tailwindcss-animations
使用 Tailwind CSS 内置动画和自定义关键帧制作过渡效果。
after-hours-editorial-template
制作三页暗奢时尚风格的 HyperFrames 模板，适合高端演示。
design-consultation
从零开始构建完整的设计系统，包含创意风险和真实产品原型。
image-edit
编辑、增强或转换现有图像，如背景替换、放大修复老照片、人物修图等。
enhance-prompt
用设计规范和 UI/UX 词汇改进提示词，助于设计到代码的工作流。
hand-drawn-diagrams
根据提示生成手绘风格的 Excalidraw 图表并导出。
gsap-scrolltrigger
实现滚动驱动的 GSAP 动画效果，如视差、固定区域和擦除。
8-bit-orbit-video-template
创建复古像素风格的 Hyperframes 视频演示模板。
imagen
使用 Google Gemini 图像生成 API 创建 UI 模型、图标和插图。
venice-audio-music
通过 Venice.ai 生成背景循环音乐和原型配乐。
video-report
报告视频问题并渲染新视频到示例包。
competitive-ads-extractor
从广告库中提取和分析竞品广告以了解有效的创意策略。
fal-3d
通过 fal.ai 从文本或图像生成 3D 模型用于游戏资产或产品预览。
video-downloader
从 YouTube 等平台下载视频用于离线观看或存档。
digits-fintech-swiss-template
创建瑞士网格风格的金融数据演示模板，带有数字卡片和键盘导航。
algorithmic-art
使用 p5.js 创建带有种子随机性的生成艺术作品。
figma-generate-design
根据代码或描述在 Figma 中构建页面。
full-page-screenshot
用 Chrome DevTools 协议截取网页全页截图。
screenshot
截取电脑桌面、应用窗口或指定区域的画面。
editorial-burgundy-principles-template
制作深红色调的企业理念演示文稿。
shader-dev
用 GLSL 写光线步进、流体和粒子效果。
figma-create-design-system-rules
为 Figma 代码流程生成设计规范规则。
graalvm-native-image
把 Java 应用编译成原生可执行文件。
image-enhancer
提升图片分辨率和清晰度。
poster-hero
制作 9:16 竖版营销海报。
doc
读取和编辑 Word 文档并保留格式。
fal-generate
用 fal.ai 生成图片和视频。
imagegen
用 OpenAI 的图片 API 生成 UI 素材。
fal-image-edit
用 AI 编辑图片、换背景或去物体。
figma-use
用 Figma 插件 API 写文件和操作设计。
image-processing
处理网页图片：缩放、转换格式、优化大小。
youtube-clipper
从 YouTube 视频中提取片段并添加字幕。
agnes-ai-generation
调用 Agnes AI 的文图视频生成接口。
swiss-user-research-video-template
制作瑞士风格的用户研究演示。
gsap-timeline
帮你用 GSAP 创建时间轴来编排多重动画。
blog-post
帮你撰写结构完整的长篇博客文章并优化 SEO。
image-portrait
帮你根据参考照片生成保持身份一致的人像。
venice-image-edit
帮你通过 Venice.ai 编辑图片、放大和去除背景。
animate-text
帮你选择和实现各种文字动画效果。
fal-upscale
帮你通过 fal.ai 用 AI 提升图片和视频分辨率。
fal-tryon
帮你实现虚拟试穿服装效果。
faq-page
帮你创建带折叠搜索和分类的常见问题页面。
figma-generate-library
帮你从代码库构建 Figma 设计系统组件库。
speech
帮你用 OpenAI API 将文字转为语音。
sora
帮你用 OpenAI Sora API 生成短视频片段。
fal-video-edit
帮你通过 fal.ai 用 AI 编辑视频。
napkin
帮你创建可视化白板与 Copilot 协作。
stitch-loop
帮你实现设计到代码的迭代优化循环。
fal-restore
帮你通过 fal.ai 修复和改善图片质量。
10x-cli-guide
帮你掌握 10x-cli 的日常使用方法。
gif-sticker-maker
帮你把照片转换成卡通风格的 GIF 表情包。
deck-guizang-editorial
帮你制作电子墨水风格的杂志演示文稿。
venice-audio-speech
帮你用 Venice.ai 实现文字转语音。
figma-create-new-file
帮你创建新的 Figma 文件。
venice-image-generate
帮你用 Venice.ai API 生成图片。
fal-kling-o3
帮你用 fal.ai 的 Kling O3 生成图片和视频。
fal-train
帮你用 fal.ai 训练自定义 LoRA 模型。
replicate
帮你通过 Replicate API 发现和运行 AI 模型。
fal-realtime
帮你用 fal.ai 实现实时流式 AI 图片生成。
storyboard
用六格画面讲述用户从问题到解决方案的故事。
venice-video
用 Venice.ai API 生成视频和语音转文字。
wpds
应用 WordPress 官方设计系统和组件。
frontend-design-ui-ux
产出独特的设计语言和 UI/UX 规范，不写代码。
lottie-animations
在网页中实现 After Effects 导出的 Lottie 动画。
resume-modern
生成适合打印或 PDF 导出的简洁简历。
video-hyperframes
生成 Hyperframes 风格的视频脚本帧。
animated-component-libraries
使用预建的动画 React 组件库快速搭建页面。
3d-animation-short-generator
从故事创意生成完整的 3D 动画短片。
omniverse-cad-to-simready
将 CAD 模型转换为 SimReady 仿真资产。
audio-design
设计游戏音频总线、混音和自适应音乐。
frame-data-chart-nyt
制作《纽约时报》风格的数据动画图表。
frame-light-leak-cinema
制作胶片漏光质感的电影开场帧。
frame-liquid-bg-hero
把内容做成WebGL流体置换背景+顶部金句，适合视频片头或海报。
frame-glitch-title
制作故障艺术风格的视频标题帧，适合转场或赛博朋克风格。
frame-logo-outro
制作视频片尾的品牌Logo组装动画和tagline揭示。
image-create
从文字描述生成图片和艺术作品。
spline-interactive
在浏览器中创建3D场景和交互动画。
vfx-text-cursor
制作视频片头的VFX逐字光标效果。
frame-macos-notification
制作拟真的macOS通知横幅。
chat-with-anyone
模仿他人声音进行语音聊天。
brand-promo-video-generator
制作品牌推广短视频。
emilkowal-animations
帮你按最佳实践为网页添加动画效果，选择合适的缓动曲线和时间。
papercraft-stop-motion-explainer
帮你规划纸工艺定格动画科普视频的视觉风格和分镜。
social-reddit-card
把你的内容渲染成拟真的Reddit帖子卡片样式。
podcast-generation
把文字内容转换成双人对谈播客音频。
figma-create-design-system-rules
帮你为项目生成定制化的设计系统规则，规范Figma设计到代码的实现。
music-video-subtitle-generator
帮你设计音乐视频的节奏同步字幕和视觉风格。
paper-collage-explainer-generator
帮你规划半调纸拼贴风格的动画科普视频。
gsap-scrolltrigger
帮你用GSAP实现网页滚动动画和时间线效果。
handdrawn-live-video-generator
帮你生成手绘发光动画与实拍融合的短视频提示词。
add-sfx
帮你为Remotion视频库添加新的音效素材。
figma-generate-design
帮你根据设计系统在Figma中创建或更新页面。
animejs
用Anime.js实现DOM和SVG的时间线动画效果。
docs-demo
帮你在Remotion文档中添加交互式演示组件。
generative-ui
帮你为 Claude 对话生成可交互的图表、仪表盘、流程图等可视化小部件。
muapi-product-video-ad-maker
把产品照片渲染成高端广告场景并生成电影感视频。
interface-kit
帮你实现美观、可访问、性能好的用户界面和交互动效。
add-expert
在 Remotion 专家页面添加新专家的信息和照片。
material-3
实现 Google 的 Material Design 3 (Material You) UI 系统，适用于 Jetpack Compose。
ip-as-logo
生成极其简单可爱的拟人化方形角色图像作为 logo。
image-3d
生成 3D 风格的图像，包括角色、产品渲染和建筑可视化。
web-design-guidelines
检查 UI 代码是否符合 Web 界面准则。
xiaohongshu-images
把 Markdown 或 HTML 内容转成小红书风格的3:4配图。
store-data-structures
LobeHub Zustand 状态管理的数据结构设计模式。
gif-sticker-maker
把照片转成 Funko Pop 风格的动画 GIF 贴纸。
netlify-image-cdn
通过 Netlify 的 /.netlify/images 端点实时转换图片尺寸、格式和质量。
pixel-art-sprites
为游戏创建像素角色精灵图、动画和有限调色板设计。
heygen-avatar
为 AI Agent 创建 HeyGen 虚拟形象，包含人脸和语音身份用于视频生成。
svg-animations
创建 SVG 动画、图标和插图，支持路径绘制、形变和 CSS 动画效果。
lean-ux-canvas
用 Lean UX Canvas 梳理业务问题、暴露假设、制定可测试假设。
writing-design-docs
编写技术提案、RFC 或设计文档，阐明决策理由和替代方案。
muapi-ugc-video-factory
将人物照片和产品照片生成竖屏 UGC 风格视频广告，配有配音。
figma-generate-library
从代码库同步生成 Figma 设计系统，包含变量、组件库和主题配置。
poster-design-generation
用 AI 生成专业海报设计（电影、活动、产品、旅行等主题）。
color-expert
帮你选择配色、设计色板、转换颜色空间和检查色彩可访问性。
lightweight-3d-effects
为网页添加轻量级 3D 效果、视差倾斜和动画背景。
reveal-3d
在 Flows 应用中集成 Cognite Reveal 3D 查看器。
rive-interactive
创建可交互的 Rive 矢量动画，支持状态机和运行时控制。
pixijs-2d
使用 PixiJS 构建高性能 2D 渲染、粒子效果和精灵动画。
weread-year-in-review-video-template
生成 WeRead 风格的年度阅读报告竖屏视频模板。
open-pencil
读取和导出 Figma 设计文件，或控制 OpenPencil 编辑器。
impeccable-design-polish
检查和完善现有网页的设计，去除 AI 生成的通用感。
threejs-3d-generator
用文字或图片生成 Three.js 游戏用的 3D 模型资产。
youtube-summarizer
提取 YouTube 视频字幕并生成详细的中文摘要。
physical-ai-video-data-augmentation
在 OSMO 上运行视频数据增强和自动标注工作流。
blog-image
为博客生成 AI 图片，包括封面图和社交分享图。
architecture-diagrams
用 Mermaid 或 PlantUML 绘制系统架构图和技术流程。
locomotive-scroll
实现 Locomotive Scroll 平滑滚动和视差效果。
physical-ai-defect-image-generation
用 NVIDIA Cosmos 生成工业缺陷检测用的训练图像。
babylonjs-engine
帮你用Babylon.js构建3D网页体验、浏览器游戏和交互式可视化。
steve-jobs-design-review
用Steve Jobs的标准评审设计，找出过于复杂的地方并精简到本质。
vss-summarize-video
为录制的视频生成带时间戳的文字摘要。
xiaohongshu-cover-generator
根据话题生成小红书风格的封面图片。
douyin-video
从抖音链接下载无水印视频，提取视频中的语音文案。
image-bg-remove
移除图片背景生成透明 PNG。
atxp
注册代理身份并充值用于支付工具。
vss-ask-video
针对视频内容提出视觉相关问题，获取AI对画面细节的分析。
video-motion-graphics
运用迪士尼12动画原则制作After Effects动态图形和视频特效。
douyin-video-summary
提取抖音视频音频并生成结构化文字摘要。
godot-animation
在Godot 4.7中创建关键帧动画、状态机和程序化补间。
gemini-live-api
生成Gemini LiveAPI客户端代码支持双向流式交互。
InDesign
通过Flue从命令行控制Adobe InDesign进行排版编辑。
scroll-reveal-libraries
用AOS库实现页面滚动触发的淡入滑入动画效果。
vss-generate-video-report
生成视频分析报告，对单个片段或事件区间进行总结。
ui-ux-designer
帮你做界面设计、交互设计和用户体验优化。
prompt-images
帮你写出能生成好图的AI提示词。
rams
审查UI代码的可访问性（WCAG）和视觉设计问题。
animation-designer
帮你用Framer Motion和CSS制作网页动画和交互效果。
image-tryon
把衣服、眼镜、发型等物品穿到人物照片上预览效果。
vss-manage-video-io-storage
调用VIOS API管理摄像头、录像和视频剪辑。
social-media-image-sizes
检查图片尺寸是否符合社交媒体平台规格并自动裁剪。
vss-setup-video-analytics-api
单独部署视频分析API服务（不含完整warehouse）。
vss-generate-video-calibration
运行AutoMagicCalib对本地视频或RTSP流进行自动校准。
substance-3d-texturing
用Substance 3D Painter创建PBR材质并导出为Web/游戏引擎优化的纹理。
layers-intro
产品设计框架Layers的入门介绍，提供设计层知识基础。
banner-creator
通过AI生成社交媒体和网站的横幅图片，支持迭代修改和尺寸裁剪。
barba-js
实现网页间的平滑过渡效果，让多页面网站像单页应用一样流畅。
prototype-fast
快速构建可玩原型来验证游戏机制是否有趣（时间盒限制）。
ui-design
UI/UX质量检查和构建指南，确保前端产出符合标准。
comfyui-workflow-builder
用自然语言描述生成ComfyUI工作流JSON。
playcanvas-engine
帮你用 PlayCanvas 构建浏览器 3D 游戏和交互式应用。
blender-mcp
帮你操作Blender场景、编写Python脚本、导出GLTF/GLB格式。
video-analysis
分析本地视频文件，支持小文件直接理解和大文件分帧处理。
sequential-thinking
帮你进行结构化的多步骤推理和分析。
heygen
用AI虚拟形象生成视频。
video-shotcraft
用镜头配方制作电影感产品宣传视频。
ux-writing
撰写用户界面的文字和提示信息。
threejs-game-ui-designer
设计 Three.js 游戏的用户界面。
typography-scale
创建模块化字体排版系统。
build-a-brand
创建品牌视觉识别系统。
transitions-dev
为下拉菜单、弹窗、卡片调整、图标切换等UI元素添加CSS过渡动画。
ui-design
为Web或小程序确定视觉方向、界面层级和布局规格。
design-system
把截图或设计稿转换成设计系统文档（design.md）和在线风格指南。
research-decision-room
把用户访谈、反馈、调查问卷整理成网页版决策证据看板。
threejs-aaa-graphics-builder
把Three.js游戏画面升级为AAA级别的高端视觉效果。
founder-product-video
从产品网址生成65秒创始人产品介绍视频。
app-sizzle
用App Store截图生成GPT增强的iOS应用预告视频。
create-design-md
从现有项目提取设计规范生成DESIGN.md。
emilkowalski-motion
为界面添加有节制的微交互和状态过渡动画。
branding
定义品牌定位、故事和视觉风格策略。
gsap-performance
优化GSAP动画性能，解决卡顿问题，实现流畅的60fps动画效果。
faster-whisper
本地语音转文字，速度比Whisper快4-6倍，支持GPU加速和字幕生成。
gsap-plugins
使用GSAP官方插件，包括ScrollToPlugin、Flip、Draggable等扩展功能。
prompt-videos
为Replicate上的AI视频生成模型编写提示词，包含场景、动作和风格描述。
stable-diffusion-image-generation
用HuggingFace Diffusers库生成Stable Diffusion图像，支持文生图和图生图。
threejs-game-director
统筹Three.js游戏开发全流程，协调玩法、图形、UI和资源生成。
style-guide
检查韩语文档的写作风格一致性，包括敬语、术语和数字格式。
illustration-style
定义插画风格指南，统一视觉语言、色彩运用和应用规则。
threejs-gltf-loading
在Three.js中加载glTF模型并播放骨骼动画，支持DRACO压缩。
favicon
从源图片生成完整的favicon集合并更新HTML引用。
visual-hierarchy
通过尺寸、颜色、间距和位置建立视觉层级，引导用户视线顺序。
ui-design-system
从品牌颜色生成设计令牌、组件文档和开发者交接文件。
game-designer
为浏览器游戏添加视觉效果、粒子特效、动画和视觉层次。
jianying-editor
通过 Python 接口自动化剪映视频剪辑、字幕和项目导出。
threejs-qa-release
帮你检查 Three.js 游戏是否能正常运行并准备发布到浏览器。
tao-generate-video-reasoning-annotations
从视频生成带推理过程的问答训练数据。
threejs-scene-setup
帮你搭建 Three.js 基础场景、渲染循环和交互控制。
guizang-material-illustration
为文章、报告、教程生成解释性插图。
threejs-materials-lighting
为 Three.js 场景设置材质、光照和阴影效果。
tao-train-image-classification
训练图像分类的深度学习模型。
tao-generate-image-grounding
为图像生成带定位框的标注训练数据。
color-system
帮你建立规范的配色体系和对比度标准。
listenhub
根据用户意图路由到对应的媒体生成技能。
tao-mine-aoi-images
为 AOI 缺陷检测挖掘相似图像，扩充训练数据。
dark-mode-design
将现有配色方案适配到深色模式并调整对比度。
threejs-audio-generator
为 Three.js 游戏生成音效和背景音乐。
threejs-image-generator
为 Three.js 游戏生成 2D 图像素材。
video-to-music
为视频自动配乐并生成商业授权音轨。
user-flow-diagram
绘制用户流程图，展示用户如何完成目标及分支逻辑。
typeui-fundamentals
通用UI/UX设计原则、可访问性标准和交互定律。
brand-identity
制定品牌战略和视觉识别系统。
icon-system
帮你建立统一的图标系统规范。
12-principles-of-animation
用迪士尼12原则检查动画代码质量。
shadertoy
编写Shadertoy着色器和GLSL代码。
layout-grid
定义响应式布局网格系统。
scope
帮你把创意整理成有序的产品规划。
design-cleanup
帮你清理设计变更后留下的废弃代码。
ffmpeg-video-editor
用自然语言生成 FFmpeg 视频剪辑命令。
figma-generate-diagram
调用图表生成工具前的准备工作和类型路由。
spacing-system
帮你创建设计系统的间距规范。
icon-retrieval
搜索图标并获取 SVG 内容。
principle-experience-first
选择用户愉悦而非实现便利。
meshy-3d-generation
用 AI 生成 3D 模型。
wireframe-spec
编写线框图规格说明。
responsive-design
设计自适应各种屏幕尺寸的界面布局。
micro-interaction-spec
完整规范单个微交互的触发、规则和反馈。
design-critique
组织结构化的设计评审会议并产出行动项。
wireframe-prototyping
创建线框图和交互原型来验证设计。
state-machine
把组件行为建模为状态机和转换规则。
text-to-sfx
用文字描述生成对应的音效文件。
animation-principles
为 UI 动画应用缓动和跟随等原则。
high-end-visual-design
设计具有高级感和精致感的网站界面。
tts
用 TTS 把文字转换成语音并导出。
video-to-sfx
为视频生成匹配的音效。
open-images-for-free-use
查找可免费商用的图片资源。
bilibili-subtitle
提取 Bilibili 视频的字幕文件。
design-qa-checklist
创建设计实现验证清单。
images-search
用 Brave Search API 搜索图片。
ui-imgui
帮你维护和修改 Unity 编辑器中基于 IMGUI 的旧代码，包括 EditorWindow 和自定义 Inspector。
storyboard-manager
帮你进行故事规划、角色开发、章节写作和时间线追踪。
quick-mockups
帮你并行创建多个 UI 设计_mockup。
motion-designer
帮你创建遵循动画原则的视觉动效系统。
prototype-strategy
帮你选择合适的原型保真度和制作方法。
design-principles
帮你制定可执行的设计原则来解决团队分歧。
usability-test-plan
帮你设计可用性测试计划。
case-study
帮你写出有吸引力的作品集案例研究。
design-token
定义设计系统的颜色、间距、字体等令牌。
sf-diagram-nanobananapro
为 Salesforce 生成可视化图像和 UI 模型。
ux-writing
写作界面微文案、提示和错误信息。
remotion
把 JSON 规格渲染成视频。
component-spec
帮你编写组件的设计规范文档。
accessibility-audit
审计界面的 WCAG 无障碍合规。
brandkit
生成高端品牌视觉图像。
theming-system
设计多品牌多主题的主题系统。
design-token-audit
检查产品中设计令牌的使用覆盖率和硬编码值。
experience-map
绘制跨渠道和触点的全链路体验地图。
generate-image
用AI生成图片，支持FLUX和Gemini模型。
competitive-analysis
对比竞品的UX模式、功能和设计差异。
od-contribute
帮你为开源设计项目贡献代码或文档。
journey-map
绘制单一用户旅程地图，涵盖触点和痛点。
design-brief
写项目brief，定义问题、受众、目标和成功标准。
gsap
为JARVIS HUD创建GSAP动画效果和过渡。
naming-convention
建立组件、变量、文件的命名规范和模式。
empathy-map
快速绘制用户在特定场景下的says/thinks/does/feels地图。
documentation-template
生成组件、模式或规范的文档模板结构。
jobs-to-be-done
梳理用户在特定场景下的功能、情感和社会动机。
gpt-taste
打造Awwwards级别的UI设计和GSAP动效。
handoff-spec
编写设计交接文档，标注尺寸、状态和边缘情况。
accessibility-test-plan
制定无障碍测试计划，涵盖辅助技术和WCAG标准。
remotion
用 React 代码制作视频，包含动画、合成和媒体处理功能。
a-b-test-design
设计A/B测试：假设、指标、样本量和实验方案。
card-sort-analysis
分析卡片分类结果，生成网站信息架构的分类和标签建议。
feedback-patterns
设计操作反馈界面，包括成功提示、状态更新和通知提醒。
diary-study-plan
设计长期日记研究计划，包括参与者、频率、提示和数据分析框架。
affinity-diagram
把大量定性访谈数据整理成主题聚类和洞察报告。
pattern-library
编写可复用的设计模式文档，包含问题、方案和示例。
stakeholder-alignment
建立职责矩阵、决策权限和沟通计划以对齐干系人。
design-rationale
撰写设计决策文档，解释选择原因和权衡取舍。
north-star-vision
制定长期产品愿景，统一团队方向和战略重点。
seedance-2.0-prompter
为 Seedance 2.0 视频生成模型优化提示词。
metrics-definition
定义与设计决策相关的用户体验指标和 KPI。
image
把 JSON 规范渲染成 SVG 或 PNG 图片。
stitch-design-taste
为 Google Stitch 生成 DESIGN.md 文件，定义高端抗同质化的 UI 标准、字体、颜色和动效。
design-sprint-plan
规划和引导为期五天的设计冲刺，从挑战定义到原型测试。
opportunity-framework
识别、评分和排序设计机会，按影响力和实施成本划分优先级。
generate-image
通过 OpenRouter API 生成或编辑照片、插画和艺术图像。
design-system-adoption
创建设计系统采用策略和推广材料，推动团队使用。
design-review
审查网页视觉设计质量，检查布局、排版、色彩和一致性。
version-control-strategy
帮你制定设计文件的版本控制策略。
r3f-animation
给React Three Fiber场景添加动画效果。
ffmpeg-analyse-video
分析视频内容并生成文字摘要。
qwencloud-audio-tts
把文字转成自然语音，支持多种声音风格。
ai-image-generator
用 AI 生成网站配图、营销素材和图标。
micro-interactions
为按钮、开关等 UI 元素设计微交互动画。
gemini-image
分析图片中的内容，提取文字或理解界面信息。
ui-components
基于 shadcn/ui 和 Radix 构建可复用组件库。
glassmorphism
实现毛玻璃效果和半透明模糊视觉风格。
ai-image-generation
用 GPT-Image-2、FLUX 等 50+ 模型生成 AI 图片。
ui-designer
从 UI 图片中提取设计系统并生成代码提示。
awwwards-landing-page
搭建带滚动动画的设计师作品集网页。
cpq-builder
构建配置-计算-报价类业务工具，将配置输入转化为计算结果和交付物。
qwencloud-image-generation
用 Wan 和 Qwen Image 模型生成和编辑图片，支持文生图和风格迁移。
app-preview-video
策划和制作 App Store/Google Play 预览视频，提升应用商店转化率。
video-processing-editing
用 FFmpeg 自动化视频剪辑、合并、转场和导出优化。
brand-designer
帮助创建品牌标识、Logo 和视觉品牌系统。
reference-design-contract
将模糊的设计参考转化为可执行的 DESIGN.md 设计规范。
threejs
用Three.js构建3D网页应用和场景。
minimalist-ui
设计简洁高端的编辑风网页界面。
qwencloud-text
用Qwen模型生成文本和进行对话。
radix-ui-design-system
用Radix UI构建无障碍组件库。
image-to-code
根据设计图生成网页代码。
design-game
游戏视觉设计和体验优化。
qwencloud-video-generation
使用Wan模型生成视频，支持文字和图像转视频。
imagegen-frontend-web
为每个落地页板块生成独立的设计参考图。
audio-ducking
自动降低音乐音量以突出人声。
imagegen-frontend-mobile
生成高端移动应用UI概念图和屏幕流程图像。
remotion-best-practices
用Remotion在React中创建视频和动画。
podcast
把主题或文本生成AI对话播客音频节目。
industrial-brutalist-ui
设计工业粗野主义风格的网页界面。
image-gen
用文字描述生成AI图片并保存到本地。
imagencn
用多个云服务的AI模型生成图片，支持中文渲染。
ai-video-generation
用Google Veo、Runway等40+模型生成AI视频。
ui-ux-pro-max
提供完整的 UI/UX 设计指导，包括配色、字体、图表选择和可访问性。
videodb
对视频和音频进行理解、搜索、编辑和实时分析。
brand-naming
生成品牌名称或评估现有品牌名。
resend-design-skills
提供 Resend 品牌设计资源。
linkfox-multimodal-recognize-image
基于 AI 的图片识别和分析。
ai-avatar-video
创建 AI 虚拟形象和 talking head 视频，用于演示或营销内容。
spice-sim
为电路设计添加 ngspice 仿真测试台，验证电路行为。
scientific-schematics
用自然语言描述需求，自动生成 publication 质量的科学图表。
experience-content-media-stock-image-search
从图库搜索并下载授权图片用于你的项目。
audio-transcription
帮你把音频文件转为文字稿。
premium
帮你实现高端视觉效果。
ian-xiaohei-illustrations
帮你为中文文章生成手绘风格配图。
muapi-media-generation
帮你用AI生成图像、视频和音乐。
video-downloader
帮你从YouTube等平台下载视频到本地。
editorial
帮你实现杂志风格的精致版式设计和字体排印。
lovart-api
通过Lovart AI生成图片、视频和音频内容。
ux-designer
遵循UX/UI设计原则，帮你设计或评审用户界面。
brand-analyzer
帮你分析品牌需求，创建品牌指南或进行品牌审计。
freecad-scripts
帮你编写FreeCAD Python脚本，创建3D模型和自动化任务。
bilibili-analyzer
下载B站视频并用AI分析，生成专题文档或实操教程。
jetson-flash-image
通过flash.sh烧录BSP镜像到Jetson设备。
svg-icon-generator
生成SVG图标文件。
visual-plan
把文字计划变成可交互的图表和UI原型。
webgpu-threejs-tsl
用TSL开发WebGPU Three.js应用。
jetson-init-image
解压 Jetson Linux 镜像并初始化环境。
brand-identity
创建品牌视觉识别设计简报。
jetson-validate-image
验证 Jetson BSP 镜像的正确性。
amazon-listing-images
规划亚马逊商品列表的图片策略。
jetson-promote-image
将定制文件合并到 BSP 镜像。
ai-model-wechat
在微信小程序中调用 AI 模型。
mui
使用 Material-UI v7 组件库，包括 sx 样式、主题定制和响应式设计。
clean
用简洁设计系统创建简洁清晰的界面。
cangjie-skill
把书籍或视频课程蒸馏成可复用的 Claude 技能。
aesthetic-usability
帮你用视觉一致性提升用户对产品可用性的信任度。
critique-visual-hierarchy
分析屏幕上注意力入口、眼动路径和权重分布是否与目标一致。
ui-design-system
生成设计令牌、色彩系统、字体比例和组件文档。
information-architecture
设计内容的分类、标签和导航结构，让用户能找到信息。
lottie
在网页上实现高性能 Lottie 动画，使用 dotLottie 格式。
minimal
极简设计系统，强调空白、简洁字体和克制用色。
critique-typography
检查屏幕上文字的大小、间距、可读性和一致性。
enterprise
用深色主题、云平台风格的设计系统来搭建企业级仪表盘。
coordinate-components
在 Blazor 组件间共享状态，跨页面传递数据。
ui-design-review
评估界面视觉设计，包括排版、配色和层次一致性。
responsive-web-design
用 CSS Grid、Flexbox 和媒体查询创建响应式布局。
speakturbo-tts
让 AI 实时说话，支持约 90ms 延迟的语音输出。
comfyui-prompt-engineer
为 ComfyUI 生成针对特定模型的优化提示词。
shadcn
按 shadcn/ui 风格设计简洁的界面组件。
compose-animations
帮你为 Compose UI 添加动画效果。
video-transcription
帮你把视频转成带时间戳的字幕。
meshy-3d-printing
帮你把 3D 模型发送给切片机打印。
neobrutalism
帮你实现高对比度的野兽派界面设计。