直播团队需要为营销活动快速制作一致的视觉套件。此技能会指导 Claude、Codex 或 Claude Code 完成品牌化商品叠加层所需的提示词、合成和交付素材。

设计交接常常会丢失间距、资源和组件意图。此技能为 Claude、Codex 和 Claude Code 提供可重复的 Figma MCP 工作流，用于准确实现 UI。

团队需要在工程工作开始前快速验证流程。此技能可将 UX 规格转换为交互式 HTML 原型，包含屏幕、状态和基础交互。

团队需要一致的组件样式，同时不改变共享 UI 基础组件。此技能会指导 Claude、Codex 和 Claude Code 按照 Tailwind 约定和清晰的文件边界创建组件 CSS。

界面动效即使能够正常运行，也可能显得缓慢、分散注意力或不易访问。此技能会依据具体的设计工艺、性能和无障碍标准审查动画代码。

Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.

不一致的动效会让界面显得迟缓、令人分心或难以访问。此技能可审查动画代码，并生成按优先级排序的发现及详细实施计划。

Teams often add motion without a clear user benefit, which can make interfaces feel slow or distracting. This skill audits UI seams, applies a strict decision gate, and produces a short ranked list of precise motion recommendations.

界面细节可能显得不一致、迟缓或在视觉上脱节。此技能运用实用的动效、交互、性能和无障碍指导来提升 UI 的精致度。

手势驱动的 Web 界面常常显得延迟、僵硬或视觉不一致。此技能为响应式动效、材质、排版、无障碍和交互设计提供实用指导。

模糊的动效描述会使设计讨论和 AI 提示词含糊不清。此技能可将观察到的网页动画行为映射为精确术语，并区分相近概念。

Mesh files often fail during slicing because walls, overhangs, units, or topology were not checked against the selected process. This skill measures those geometry facts locally and turns them into evidence-based DfAM guidance.

低质量截图可能会让文档、演示文稿和社交帖子难以阅读。此技能可指导增强、放大、锐化、减少伪影以及输出选择。

不明确的需求可能导致过早实现并遗漏架构决策。此技能引导结构化发现，并创建基于 Mermaid 的设计目录，以支持共享规划。

团队需要无需繁重设计工具即可缩放的标志。此技能指导 Claude、Codex 和 Claude Code 使用 Python 生成简洁的 SVG 标志。

电子音乐演示需要在浏览器控件、MIDI 和录制之间具备可重复的演奏步骤。此技能引导 Claude、Codex 和 Claude Code 完成设置、场景设计、播放和采集。

短视频提示词通常需要清晰的模式选择和模型路由。此技能指导带有参考媒体、音频和限制的 Seedance 2.0 Pro CLI 任务。

视频创作者需要可靠的提示词和设置来使用 HappyHorse 1.0，而无需猜测 API schema。此技能会准备 RunComfy CLI 调用，并为文本转视频生成提供实用的提示词指导。

人脸和角色替换需要针对静态图像、批量处理和视频选择不同模型。此技能会将 Claude、Codex 和 Claude Code 路由到 RunComfy CLI 工作流，并提供同意相关指导。

Creating polished Roblox character animation requires compatible rigs, clear motion checks, and correct exports. This skill guides Blender-based R6 and R15 animation work from rig validation to preview delivery.