设计与媒体

用 jezweb Claude Skills 插件产出可上线项目

一个 1002 星的 Claude Code 插件市场，建立在一条规则之上——每个技能都要产出实物：Worker、Shopify 店铺、设计资产或商务文档。

用 Female Portrait Director 执导可直接出片的肖像提示词

把几行肖像输入变成一个连贯、可直接出片的画面，覆盖 20 种执导风格——也可以直接生成图像。

用 Skill Prompt Generator 从 1,246 元素库合成图像提示词

通过 12 个专业领域技能路由人像、设计和跨域图像提示词，底层由共享元素库与社区语料库支撑。

aso-appstore-screenshots-skill：生成高转化的 App Store 截图

这个 Claude Code skill 会读取你的 iOS 代码库，找出驱动下载的 3-5 个核心卖点，把它们与模拟器截图配对，产出符合 Apple 尺寸的 App Store 截图。

codex-ppt-skill：把文章变成整页图片式的 PPT

把 markdown 文章交给 codex-ppt-skill，它会先和你确认大纲，再逐页生成整页幻灯片图片，最后组装成带演讲备注的 .pptx。

webgpu-threejs-tsl-skill：用 Three.js TSL 写 WebGPU 着色器

装上这个 skill，Claude 就具备了 Three.js TSL 着色语言的实战知识——节点材质、GPU 计算、后处理和 WGSL 集成，并对齐 r183+ API。

awesome-design-skills：67 套现成设计系统，供 agent 工具随取随用

bergside 的 2,710 星注册库收录 67 份设计系统 skill 文件——一条 npx 命令把 agent 读的 SKILL.md 写进项目，供人评审的 DESIGN.md 则保留在注册库里。

native-feel-skill：把 Raycast 的桌面架构蒸馏成一个 skill

yetone 的 1,905 星 skill，逆向工程 Raycast Beta 并蒸馏其官方技术深潜：八条架构十诫、四层架构、WebKit/WebView2 生存指南和 75 项发布审计，专治跨平台应用的"原生感"。

designer-skills：241 个设计 skill 与 91 条命令的 agent 设计全套

owl-listener 的 2,477 星技能包，为 Claude Code 和 Gemini CLI 提供 33 个插件、五大合集里的 241 个设计 skill 和 91 条斜杠命令——从用户研究到视觉评审，专门写到 agent 能真正执行的程度。

design-md-chrome：把任意网站的设计系统变成 SKILL.md

bergside 的 2,782 星 Chrome 扩展，从你眼前的页面里提取字体、配色、间距、圆角、阴影和动效，生成 DESIGN.md 或 agent 可用的 SKILL.md，让你的编码工具有据可依。

agent-sprite-forge：用 Codex 生成引擎可用的 2D 素材和地图

一套 3,950 星的 Codex skill，把自然语言请求变成引擎可用的 2D 资产——精灵图、分层地图、道具包——用确定性的本地脚本完成图像生成总是做不对的清理工作。

gpt-image-2-skill：把 OpenAI 图像生成包成 prompt 库、Agent 与 CLI

一份 5k 星标的 skill 与 CLI，把 OpenAI 的 gpt-image-2 模型封装进策展过的 prompt 库、多参考图编辑和遮罩 inpainting 流程——可装进 Claude Code、Codex、OpenClaw、Hermes 或任意支持 skill 的 agent 运行时。

remotion-dev/skills：Remotion 视频项目的最佳实践 skill 集

Remotion 团队出品的 12 个 skill 集合，覆盖 React 视频框架的项目脚手架、标记、字幕、地图动画、渲染配置、SaaS、交互和版本升级。

guizang-social-card-skill：把文章转成小红书轮播图与公众号封面

一个 Claude Code 与 Codex skill，把单文件 HTML 渲染成小红书 3:4 轮播图、公众号 21:9 + 1:1 封面组对，并支持 Playwright 输出 PNG；内含两套视觉体系共 28 个版式。

Refly：一个开源的 vibe-workflow skill 构建平台

一份开源平台，把 vibe 风格的工作流变成有版本号、可原子化的 agent Skills，能跑在 Claude Code、Cursor、Codex 上，也能导出成 API 或 Slack / Lark 的聊天入口。

stitch-skills：把 Stitch 设计转成 React 仪表盘的 Google MCP skills

三个插件包——stitch-design、stitch-build、stitch-utilities——跑在 Stitch MCP server 上，让 Claude Code、Codex、Gemini CLI 或 Cursor 一句话完成「代码转设计 → 设计转 React 组件 → 出仪表盘」。

用归藏 PPT Skill 生成精致的网页幻灯片

安装归藏 PPT Skill，把文章或 Markdown 变成单文件 HTML 幻灯片：电子杂志风与瑞士风两套版式、AI 配图与多平台封面。