390 技能
🎨

animation-shader

安全 70

为 Unity 游戏创建动画风格着色器

由 Yuki001

构建风格化的卡通着色器需要理解复杂的着色器参数和功能映射。本技能为六个流行的着色器库提供预设样式和详细参考,帮助您实现动漫、卡通渲染和艺术渲染效果。

Claude Codex Code(CC)
安装
🎨

obsidian-theme-designer

低风险 72

可视化设计你的 Obsidian 主题

由 XiangyuSu611

设计 Obsidian 主题通常需要 CSS 知识并反复试错。本技能提供了一个可视化的引导式工作流程,配合浏览器预览,让任何用户都能创建具有合适颜色、字体和布局的自定义主题。

Claude Codex Code(CC)
安装
🎨

ux-evaluator

安全 69

根据用户体验最佳实践评估UI组件

由 92Bilal26

UI评审往往会演变成主观意见的争论。本技能提供了一个系统化的三维框架,使设计反馈基于行业权威的循证原则。

Claude Codex Code(CC)
安装
🎨

image-generator

安全 68

使用 Gemini 生成教学图表

由 92Bilal26

为课程创建专业图表需要数小时的设计工作。此技能提供结构化的工作流程,通过浏览器自动化和六重质量门控,使用 Gemini 3 生成教学视觉素材。

Claude Codex Code(CC)
安装
🎨

frontend-design

安全 68

创建独特的前端界面

由 92Bilal26

构建网页界面往往会得到平庸、可预测的设计。本技能指导AI助手创建大胆、生产的独特美学前端代码,包括创意排版和精心制作的动画,使其从标准模式中脱颖而出。

Claude Codex Code(CC)
安装
🎨

theme-factory

安全 67

为演示文稿和文档应用专业主题

由 7Spade

创建一致、专业的视觉设计需要时间和设计专业知识。此技能提供10种精选的颜色和字体主题,可即时应用于幻灯片、文档、报告和网页。还可以根据您的要求生成自定义主题。

Claude Codex Code(CC)
安装
🎨

frontend-design

安全 68

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

由 7Spade

AI生成的前端代码通常千篇一律,缺乏创意特色。本技能指导创建独特、令人难忘的界面,包括大胆的美学选择、规范的排版、统一的色彩主题和精致的视觉细节。

Claude Codex Code(CC)
安装
🎨

canvas-design

安全 68

创作视觉艺术与设计杰作

由 7Spade

用户难以创作原创的、具有博物馆品质的视觉设计,这类设计需要深厚的排版知识和设计专业知识。本技能使用精选字体和设计理念原则生成复杂的视觉艺术,输出原创的PNG和PDF格式文件。

Claude Codex Code(CC)
安装
🎨

brand-guidelines

安全 67

应用Anthropic品牌样式

由 7Spade

您需要为文档和演示文稿保持一致的品牌样式。此技能提供Anthropic官方品牌色彩和排版指南,以应用专业的视觉形象。

Claude Codex Code(CC)
安装
📸

snapdom

安全 70

将HTML元素转换为图片

由 2025Emma

需要将样式化的DOM元素捕获为图片吗?SnapDOM提供快速、准确的DOM转图片转换,支持SVG、PNG、JPG和WebP格式,同时保留字体、伪元素和CSS效果。

Claude Codex Code(CC)
安装
🎨

frontend-design

安全 67

创建独特的前端界面

由 1bertogit

此技能可帮助您构建具有醒目、独特美学效果的生产级Web界面。它指导您在排版、颜色、动效和空间构成方面做出创意选择,避免生成通用的人工智能设计。

Claude Codex Code(CC)
安装
🎨

create-svg-from-prompt

低风险 66

根据提示生成SVG图形

由 0x6a77

手动创建SVG矢量图形需要设计软件和技术技能。此技能使用AI通过Google Gemini和autotrace将文本描述转换为可缩放矢量图形。

Claude Codex Code(CC)
安装
🎨

tailwind-design-system

安全 69

构建 Tailwind 设计系统

由 wshobson

设计系统在没有清晰的令牌和模式的情况下往往会漂移。本技能提供 Tailwind 结构,以标准化代码库中的组件、主题和响应式布局。

Claude Codex Code(CC)
安装
🎬

video-enhancement

中风险 61

使用 AI 增强和提升视频质量

由 verging-ai

通过 AI 驱动的画质增强处理原始或低质量视频文件。该技能可自动完成本地文件和流媒体 URL 的下载、裁剪、上传和增强。

Claude Codex Code(CC)
安装
🎨

AI Image Generation — verging.ai

低风险 69

使用 DALL-E 和 GPT-Image-1 生成 AI 图像

由 verging-ai

使用 AI 创建图像需要管理 API 密钥、请求参数和响应处理。本技能提供了一个开箱即用的接口,通过 verging.ai 代理 API 生成图像,支持标准和 HD 两种质量模式。

Claude Codex Code(CC)
安装
🎭

faceswap

中风险 61

使用 AI 交换视频中的人脸

由 verging-ai

手动在视频中交换人脸速度慢且需要专业软件。本技能使用 verging.ai API 自动化整个工作流程,接受本地文件或 YouTube/Bilibili 链接作为输入,并直接输出结果。

Claude Codex Code(CC)
安装
🖼️

background-remover

安全 70

使用 AI 移除图像背景

由 verging-ai

自动从任何图像中移除背景,创建专业的透明 PNG 图片。非常适合产品照片、人像照片和设计工作,无需手动编辑。

Claude Codex Code(CC)
安装
🖼️

background-removal

低风险 71

使用 AI 瞬间移除图片背景

由 verging-ai

手动移除图片背景既耗时又需要昂贵的软件。本技能使用 verging.ai API 自动化处理流程,可从任何 JPG、PNG 或 WebP 文件输出透明 PNG 结果。

Claude Codex Code(CC)
安装
🎨

web-design-guidelines

安全 68

检查UI代码的设计合规性

由 vercel-labs

Claude可以根据既定的Web设计指南自动检查UI代码,在部署前发现可访问性问题、可用性问题和最佳实践违规。该技能会获取最新的指南并进行静态分析以识别改进点。

Claude Codex Code(CC)
安装
📦

ai-elements

安全 78

构建 AI 聊天界面

由 vercel

使用遵循 shadcn/ui 模式和 Vercel AI SDK 约定的预构建可组合 UI 元素,创建现代 AI 聊天界面组件。

Claude Codex Code(CC)
安装