Skills

为 AI Agent 提供可复用的专业能力与工作流程

Skill

UI/UX Pro Max

nextlevelbuilder/ui-ux-pro-max-skill
前端与设计★ 122.6k

UI/UX Pro Max 是一套可安装到 Codex、Claude Code、Cursor 等 AI 编程助手的设计智能 Skill,使用本地可检索数据生成产品级设计系统,并提供样式、配色、字体、交互、可访问性和 22 个技术栈的实现建议。

代码设计稿CodexClaude Code
Skill

Diagram Design

cathrynlavery/diagram-design
前端与设计★ 42.0k

Diagram Design 是面向 Codex、Claude Code、Pi 等 Agent 宿主的技术图表 Skill,可生成自包含 HTML 与内联 SVG,并重绘 draw.io、Mermaid 和 Excalidraw 来源。

设计稿媒体CodexClaude Code
Skill

Vercel Agent Skills

vercel-labs/agent-skills#skills
前端与设计★ 30.1k

Vercel Labs 发布的前端、React、部署和 Web 设计 Skills。

代码设计稿Claude CodeCodex
Skill

IP as Logo

s1dashu/ip-as-logo-skill
前端与设计★ 4.9k

IP as Logo 是一个开放格式 Agent Skill:先根据产品背景提出三种 IP 方向,经用户同意后生成六张独立方形候选图,并用大轮廓、三种语义颜色、下角构图和严格细节预算保持角色简洁可识别。

设计稿媒体CodexCoze
Skill

gbro-cover-design

pyang5166/gbro-cover-design
图像与多媒体★ 650

把公众号或小红书文章整理成 3:4 竖版封面提示词,通过三轮提问确认风格、素材和视觉细节。

设计稿媒体Claude CodeCodex
Skill

Yingzao

op7418/guizang-yingzao-skill#yingzao
图像与多媒体★ 413

Yingzao · 营造是面向 Claude Code、Codex 等支持 Skills 与图像生成工具的 Agent Skill。它先检查真实照片与事实边界,再用主导参考、中文展示字设计和稀疏排版垫图组织一次整体图像编辑,也可在用户同意后扩展为 3×3 视频分镜。

设计稿媒体Claude CodeCodex
Skill

MapStage

hopechen067/mapstage#mapstage
前端与设计★ 330

MapStage 是一个面向编码 Agent 的开源 Skill,配有浏览器调参器,可组合平面地图与地球投影、卫星底图、海拔设色、地形阴影、3D 地形和区域拆出效果,并把镜头与样式导出为 JSON 预设。

设计稿代码CodexGrok
Skill

LiveCanvas

pengchujin/livecanvas#livecanvas
图像与多媒体★ 225

LiveCanvas 是一个面向 Codex、Claude Code 等 AI 编程助手的开源 Skill。它会先检索并核实资料,再用 Remotion 制作带封面、场景、图片、emoji、时间线或图表的短动画,并在支持的 macOS 环境中封装 Apple Live Photo 资源包。

媒体设计稿CodexClaude Code
Skill

OJO Design Skills

touchine-ojo/ojo-design-skills
前端与设计★ 127

OJO Design Skills 为 AI 编程代理提供两条 UI/UX 设计路线:工具型产品借鉴成熟体系,品牌型产品建立独特方向,并输出设计令牌、组件状态和动效规范。

设计稿规划CodexClaude Code