以编程方式将 React 和 Remotion TSX 代码转换为 MP4 视频。非常适合希望通过代码生成动画、动态图形和数据驱动视频的开发者。

使用 Remotion 将 React TSX 代码转换为专业的 MP4 视频。为开发者、内容创作者和自动化工作流提供程序化视频生成服务。

团队需要快速、一致的应用屏幕演示视频，但手动编辑效率低下。此技能通过自动化屏幕检索和 Remotion 组合，生成包含转场和叠加层的可直接渲染的视频。

此技能创建独特的、生产就绪的前端界面，区别于通用的人工智能生成设计。它提供精致的网页组件，具有大胆的美学和对细节的一丝不苟。

编写 CSS 时没有一致的方法论会导致维护性问题，并造成项目之间样式不一致。本技能提供关于应用行业标准方法（如 Tailwind、BEM 和 CSS Modules）的结构化指导，确保样式表干净、可维护且可扩展。

构建适用于所有设备的响应式网页布局既复杂又容易出错。本技能为Claude提供移动优先设计原则、流体容器、相对单位和触摸交互的清晰指南，确保您的网页项目能够从移动端到桌面端无缝扩展。

演示文稿和文档通常缺乏视觉一致性。此技能提供10个精心策划的主题，包含配色方案和字体搭配。立即将主题应用于任何幻灯片或文档，获得专业样式。

Slack对GIF文件大小有严格限制（表情限制64KB，消息限制2MB）。此工具包可创建满足这些约束的优化动画，同时提供专业的动画效果。

模糊的截图和低分辨率图像会损害您的专业形象。此技能使用AI来放大、锐化和优化您的视觉内容，呈现清晰透亮的演示和文档。

创作原创视觉艺术需要对美学原则和排版有深刻理解。此技能将抽象的设计哲学转化为具体的视觉作品,使用专业字体和专家级工艺原则。

在文档和演示文稿中保持一致的品牌形象可能既耗时又容易出错。此技能可即时访问 Anthropic 官方品牌颜色、排版和样式指南,以确保专业、符合品牌的视觉内容。

用户需要专业的SVG图标，但缺乏设计工具或编码技能。此技能使用Python生成几何图形图标，支持可缩放矢量图形、自定义配色方案和简洁设计原则。

使用算法技术将数学概念转化为令人惊叹的视觉艺术。本技能提供引导模板，用于创建可复现的生成艺术作品，包含种子随机性和交互控制。

用户需要指导来操作复杂的 WebGL 和 WebAudio 合成器。此技能提供了关于舞台设置、演奏控制、场景设计以及 Orthonotone 复调乐器录音工作流程的分步说明。

创建 SwiftUI 视图需要理解导航架构、组件模式和状态管理。此技能提供可直接使用的标签页、弹出页、列表、网格等模式,帮助您更快交付且减少错误。

创建现代 iOS 界面需要了解 Apple 特定的 API 和设计模式。本技能提供可直接使用的代码模式和审查清单，以正确实现玻璃效果。

生成符合简洁 shadcn/ui 美学的专业、可访问的 CSS。此技能提供 CSS 变量、HSL 颜色、间距比例和现代布局技术的全面模式。

您的 Web 应用看起来不错,但缺乏世界级的打磨质感。使用这个迭代工作流,在桌面端和移动端逐步增强 UI/UX,通过多次聚焦优化达到 Stripe 级别的视觉质量。

构建无障碍的 Web 界面可确保包括残障用户在内的所有人都能使用您的应用程序。此技能在 React 组件中强制执行 WCAG 标准、正确的 ARIA 属性、键盘导航和屏幕阅读器兼容性。

构建独特且视觉吸引力强的 Web 界面既具挑战性又耗时。此技能指导创建生产质量的前端代码,通过有意的美学选择,避免通用的 AI 生成美学,交付精致且令人印象深刻的设计。