192 compétences
🎬

video-generation-skill

Sûr 70

设计营销视频创意和脚本

par CleanExpo

营销团队在将创意转化为可执行视频方案时常遇困难。本技能提供结构化框架,涵盖钩子、脚本、分镜表以及YouTube、TikTok、Instagram和LinkedIn等平台的特定指南。

Claude Codex Code(CC)
Installer
🎨

ui-component-creation

Sûr 69

使用 shadcn/ui 模式创建 UI 组件

par CleanExpo

生成符合设计系统指南的一致、可访问的 UI 组件。确保每个组件的视觉独特性、品牌一致性和可访问性合规。

Claude Codex Code(CC)
Installer
🎨

web-styling

Sûr 69

将Web样式模式应用于React组件

par CJHarmath

为React应用程序创建一致且响应式的样式需要了解多种CSS方法。本技能提供可直接使用的Tailwind CSS、CSS Modules和组件变体模式,可提高开发速度。

Claude Codex Code(CC)
Installer
🎨

ui

Sûr 69

生成UI组件和反馈表单

par Chachamaru127

不再手动从头编写UI组件。该技能使用shadcn/ui和现代最佳实践生成可访问、响应式的UI组件和反馈表单。

Claude Codex Code(CC)
Installer
🎮

threejs-builder

Sûr 70

使用 Three.js 构建 3D Web 应用

par CesarAugustusGroB

创建 3D Web 内容需要理解 WebGL、着色器和 3D 图形编程。此技能使用现代 ES 模块生成完整的 Three.js 应用程序,包括场景设置、光照、材质、动画和响应式渲染。

Claude Codex Code(CC)
Installer
🎨

frontend-design

Sûr 69

设计生产级前端界面

par CesarAugustusGroB

创建具有精致美学的独特网页组件和页面。避免通用的人工智能生成视觉元素,打造令人印象深刻的高质量用户界面。

Claude Code(CC)
Installer
⚔️

combat-ui-pattern-a

Sûr 71

实现分屏战斗界面

par CesarAugustusGroB

构建战斗界面的游戏开发者需要一致且架构良好的 UI 组件。此技能提供完整的实现指南,包括 TypeScript 接口、CSS Grid 布局、动画规范以及 Pattern A 战斗 UI 系统的响应式样式标记。

Claude Codex Code(CC)
Installer
🎨

art-style-creator

Sûr 71

创建全面的艺术风格指南

par CesarAugustusGroB

定义一致视觉风格对于项目凝聚力至关重要,但许多创作者难以表达其美学愿景。本技能提供了一个结构化的10步框架,用于创建涵盖色彩理论、线条处理、形状、构图、光照和技术规范的详细艺术风格指南。

Claude Code(CC)
Installer
🎨

gemini-image

Sûr 69

使用 Gemini AI 生成图像

par Ceeon

从零开始创建图像需要时间和技能。此技能让您可以使用自然语言提示通过 Gemini AI 生成图像。只需描述您想要的内容,即可在几秒钟内获得专业效果。

Claude Codex Code(CC)
Installer
🎨

canvas-design

Sûr 69

创建博物馆级画布艺术

par anthropics

您需要通过形式和空间传达信息的原创视觉艺术。此技能构建视觉哲学并输出精美的 PNG 或 PDF 艺术作品。

Claude Codex Code(CC)
Installer
🎬

slack-gif-creator

Risque faible 67

创建 Slack GIF 和表情动画

par Cam10001110101

为 Slack 创建 GIF 需要仔细优化以满足严格的文件大小限制。此工具包提供验证器、动画基元和优化工具,以便您可以创建能够成功上传的消息 GIF 和表情反应。

Claude Codex Code(CC)
Installer
🎨

generative-art

Sûr 70

使用种子随机性创建生成艺术

par Cam10001110101

生成艺术创作需要艺术视野和技术技能。此技能帮助您使用 p5.js 创建独特且可复现的生成艺术,并提供参数控制以便探索。您可以创建流场、递归图案、粒子系统等。

Claude Codex Code(CC)
Installer
🎨

canvas-design

Risque faible 67

使用 AI 创建博物馆级视觉艺术

par Cam10001110101

运用精妙的设计理念将创意转化为令人惊叹的视觉艺术。本技能指导 AI 创建专业品质的海报和艺术品,看起来如同大师级设计师精心制作的一般。

Claude Code(CC)
Installer
🎨

brand-guidelines

Sûr 69

应用 Anthropic 品牌样式

par Cam10001110101

您需要为文档或演示文稿应用一致的品牌颜色和排版。此技能提供官方 Anthropic 品牌指南,包括颜色、字体和样式规则,以确保符合品牌的视觉输出。

Claude Codex Code(CC)
Installer
P

algorithmic-art

Sûr 69

使用 p5.js 创建算法艺术

par Cam10001110101

创建算法艺术需要生成系统、种子随机数和 p5.js 的专业知识。本技能通过算法哲学和交互式参数探索,为创作原创生成艺术提供结构化方法。

Claude Codex Code(CC)
Installer
🎨

tailwind-css-v4-mastery

Sûr 76

通过AI指导掌握Tailwind CSS V4

par Calel33

Tailwind CSS V4通过Oxide引擎和CSS优先配置引入了革命性变化。此技能提供专业指导,帮助您完成迁移、优化性能并构建现代设计系统。

Claude Codex Code(CC)
Installer
🎨

designing-frontend

Sûr 71

设计独特的用户界面

par Byunk

平庸的界面无法吸引用户注意力,也会削弱品牌辨识度。本指南帮助AI助手创建醒目、令人印象深刻的前端设计,具备独特的美学风格、强烈的视觉层次结构,以及可用于生产环境的代码质量。

Claude Codex Code(CC)
Installer
🎨

brand-guidelines

Sûr 69

应用 Anthropic 品牌样式

par anthropics

你的素材可能未遵循 Anthropic 品牌标准。本技能提供官方配色与字体排版指南,确保所有材料风格一致。

Claude Codex Code(CC)
Installer
🎨

omarchy-theming

Sûr 71

创建 Omarchy 桌面主题

par BitYoungjae

在多个应用程序中创建一致的桌面主题既复杂又耗时。Omarchy 主题提供了一个集中式的 colors.toml 配置,可以自动为所有桌面应用程序生成主题,包括终端、窗口管理器和系统工具。

Claude Codex Code(CC)
Installer

ux-waiting-audit

Sûr 79

审计 Web 应用等待状态以改进用户体验

par BayramAnnakov

AI 代理产品通常具有较长的等待时间,导致用户焦虑和流失。此技能通过浏览器自动化审计应用程序如何处理长时间运行的操作,并生成包含优先建议的综合报告。

Claude Codex Code(CC)
Installer