Skilloop
Open Design 设计技能库

示意封面由本站生成，真实效果请查看源仓库示例。

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮，一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/article-magazine 帮我做：想给 Agent 挑几个设计模板的人

示例对话，仅演示调用方式，不代表实际产出。

你会得到

  • 网页、幻灯片、杂志排版等设计模板
  • 产出 HTML，浏览器直接预览
  • 可单独使用，也能配合 OpenDesign 桌面端

适合

  • 想给 Agent 挑几个设计模板的人

不适合

  • 整包全装（数量非常多）

你需要

  • 部分 Skill 改编自其他项目，具体出处见各自 SKILL.md

这是一个合集，仓库里有 164 个 Skill。安装时会列出全部名称，建议只挑需要的几个（--skill <名称>）。

许可证
Apache-2.0
作者
@nexu-io
来源
nexu-io/open-design/skills · ★ 99,658
支持:Claude CodeCodexCursorGemini CLIOpenCode

上游描述

🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

其他安装方式

更喜欢自己动手？下面的命令和上方按钮效果相同。

安装提示词（粘贴给你的 Agent）
Read https://skilloop.dev/skills/open-design/install.md and follow the instructions to install the skill.
一行命令安装 · Claude Code
npx skills add https://github.com/nexu-io/open-design -g -a claude-code
一行命令安装 · Codex / Cursor
npx skills add https://github.com/nexu-io/open-design -g -a codex
手动安装（git） · Claude Code
git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/open-design
# 164 skills inside — list them, then copy the ones you want:
find /tmp/open-design/skills -name SKILL.md
mkdir -p ~/.claude/skills && cp -r /tmp/open-design/skills/article-magazine ~/.claude/skills/article-magazine

作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。

相关技能

SaaS 落地页
免费
网页9.0k

SaaS 落地页

单页 SaaS 落地页：首屏、功能、社会证明、定价与 CTA，一个 HTML 文件搞定。

作者: nexu-ionexu-io/html-anything · Apache-2.0
高品位设计系统 DESIGN.md
免费
网页8.4k

高品位设计系统 DESIGN.md

生成 agent 友好的 DESIGN.md，约束高级、不雷同的 UI：严谨字体、校准色彩、非对称布局与微动效。

作者: google-labs-codegoogle-labs-code/stitch-skills · Apache-2.0
设计系统提炼
免费
网页8.4k

设计系统提炼

分析已有 Stitch 项目，把其语义化设计系统提炼成 DESIGN.md。

作者: google-labs-codegoogle-labs-code/stitch-skills · Apache-2.0
shadcn/ui 专家
免费
网页8.4k

shadcn/ui 专家

指导发现、安装和定制 shadcn/ui 组件，附带架构与主题最佳实践。

作者: google-labs-codegoogle-labs-code/stitch-skills · Apache-2.0