192 技能
📜

scroll-experience

安全 74

构建沉浸式滚动动画

由 sickn33

打造电影般的滚动驱动网页体验,通过视差叙事和引人入胜的动画在用户首次滚动时即抓住其注意力。

Claude Codex Code(CC)
安装
🎨

radix-ui-design-system

安全 73

使用 Radix 构建可访问的 UI

由 sickn33

使用 Radix UI 原语创建生产级可访问设计系统。本技能提供无头组件自定义、主题策略和 React 应用程序复合组件架构的模式。

Claude Codex Code(CC)
安装
📦

mobile-design

安全 76

使用设计最佳实践构建移动应用

由 sickn33

移动应用失败的常见原因是开发者沿用桌面思维。本技能教授移动优先设计原则、触摸心理学、性能优化以及iOS和Android平台的特定约定。

Claude Codex Code(CC)
安装
📦

interactive-portfolio

安全 74

构建能够赢得工作和客户的作品集

由 sickn33

将你的作品集从容易被遗忘的简历转变为令人难忘的体验,让访客转化为机会。获取有效展示作品的成熟模式。

Claude Codex Code(CC)
安装
🎮

game-development

安全 74

使用 AI 指导构建游戏

由 sickn33

游戏开发需要掌握从物理到美术指导的多门学科。本技能为每种游戏开发需求提供结构化原则和专业知识路由。

Claude Codex Code(CC)
安装
📦

frontend-ui-dark-ts

安全 75

构建深色主题 React UI

由 sickn33

使用 Tailwind CSS、毛玻璃效果和流畅的 Framer Motion 动画创建现代化深色主题 React 应用程序,适用于仪表板和管理面板。

Claude Codex Code(CC)
安装
📊

frontend-slides

安全 74

使用动画创建 HTML 演示文稿

由 sickn33

非设计专业人士在创建视觉吸引力强的演示文稿时常常感到困难。本技能通过引导式视觉探索工作流程,生成具有独特样式和流畅动画的生产级 HTML 幻灯片。

Claude Codex Code(CC)
安装
📦

frontend-design

安全 74

设计独特的生产级前端界面

由 sickn33

通用型 AI 生成的 UI 缺乏���觉识别度和记忆点。本技能应用 DFII 框架来创建有意图、高工艺的界面,具有协调统一的美学风格,从而脱颖而出。

Claude Codex Code(CC)
安装
📦

remotion-render

低风险 72

从 React Remotion 代码渲染视频

由 inference-sh-9

以编程方式创建视频非常复杂,需要专门的渲染基础设施。此技能通过基于云的渲染将 React Remotion 组件转换为 MP4 视频,使开发人员能够从代码生成视频,而无需管理渲染服务器。

Claude Codex Code(CC)
安装
🎨

nano-banana

低风险 71

使用 Google Gemini 模型生成图像

由 inference-sh-9

使用 Google Gemini 原生图像模型从文本描述创建专业图像。通过简单的 CLI 界面访问高质量图像生成,支持编辑和自定义。

Claude Codex Code(CC)
安装
🎨

ai-image-generation

低风险 72

使用 50+ 模型生成 AI 图像

由 inference-sh-9

无需复杂设置或多个订阅即可创建专业 AI 图像。通过统一的 CLI 界面访问 FLUX、Gemini、Grok、Seedream 等模型。

Claude Codex Code(CC)
安装
🎨

draw

安全 73

使用 LibreOffice Draw 创建矢量图形

由 sickn33

使用 LibreOffice Draw 命令行工具在 ODG、SVG、PDF 和 PNG 格式之间转换图表,实现自动化图形工作流。

Claude Codex Code(CC)
安装
📦

ddd-strategic-design

安全 74

使用 DDD 战略设计映射领域边界

由 sickn33

此技能帮助您设计领域驱动设计(DDD)的战略制品,如子域、限界上下文和通用语言,以创建清晰的领域边界并与领域专家建立共识。

Claude Codex Code(CC)
安装
🎨

design-md

安全 73

为 Stitch 项目生成 DESIGN.md

由 sickn33

此技能可分析 Stitch 项目并自动生成语义化设计文档,作为一致化 UI 开发的单一事实来源。

Claude Codex Code(CC)
安装
🎨

canvas-design

安全 74

创建博物馆级视觉艺术与海报

由 sickn33

通过结构化设计理念方法,将抽象概念转化为令人惊艳的视觉构图。本技能引导 Claude 创建专业级 PDF 和 PNG 艺术作品,融合艺术愿景与精湛工艺。

Claude Codex Code(CC)
安装
🎨

canva-automation

安全 74

自动化 Canva 设计任务

由 sickn33

用户难以手动自动化重复的 Canva 任务。此技能使 AI 代理能够通过 Composio 的 Rube MCP 集成来创建、导出和管理 Canva 设计。

Claude Codex Code(CC)
安装
📦

brand-guidelines-anthropic

安全 74

将 Anthropic 品牌样式应用于输出内容

由 sickn33

在所有文档和演示文稿中保持一致的品牌形象。此技能可自动应用 Anthropic 的官方颜色和排版。

Claude Codex Code(CC)
安装
🎨

brand-guidelines

安全 74

将 Anthropic 品牌指南应用于您的文档

由 sickn33

在所有文档和演示文稿中保持一致的品牌形象。此技能自动应用 Anthropic 的官方颜色和排版。

Claude Codex Code(CC)
安装
🎨

brand-guidelines-community

安全 74

将 Anthropic 品牌指南应用于您的工件

由 sickn33

通过 Anthropic 的官方品牌标识,确保您的文档和演示文稿在视觉上保持一致。此技能提供精确的颜色值、排版规范和设计指导,帮助您创建专业外观的工件。

Claude Codex Code(CC)
安装
📦

avalonia-layout-zafiro

安全 74

使用 Zafiro 构建简洁的 Avalonia UI 布局

由 sickn33

使用语义化容器和共享样式创建可维护的 Avalonia 应用程序。通过 Zafiro.Avalonia 组件和最佳实践减少 XAML 冗余。

Claude Codex Code(CC)
安装