Agent Plugins Marketplace
← All plugins

design

v1.0.0

用于创建与维护视觉设计产物：高保真 UI、交互原型、线框图、演示稿、移动端界面，以及设计系统/UI Kit。普通数据图表、纯文本写作、外部调研和生产代码实现继续由各自 Plugin/领域能力保留主路由。

CodexClaude Code2 Skills

By trojanbox0 GitHub starsUpdated 4 days ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 19, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install design for Codex and Claude Code

Installs for the current user
codex plugin marketplace add trojanbox/agent-plugin-marketplace
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add design@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the agent-plugin-marketplace catalog, then install this plugin.

Compatibility: the page URL and API slug “design-4” remain stable.

  • Codex: design-4@agent-plugin-marketplace → design@agent-plugin-marketplace

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/trojanbox/agent-plugin-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/design/.

Plugin files

plugins/design/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/design-system-authoring/SKILL.md
└── skills/visual-artifact-design/SKILL.md

Included Skills2

design-system-authoringskills/design-system-authoring/SKILL.md

用于创建、导入、编译和验证可复用设计系统/UI Kit：design tokens、字体、组件、starting points、Design Components，以及从 Figma .fig、GitHub 或现有 HTML/CSS 提取设计语言。目标是产出可被后续设计项目绑定和消费的设计系统资产时使用；普通页面设计使用 visual-artifact-design。

visual-artifact-designskills/visual-artifact-design/SKILL.md

用于设计和交付视觉产物：高保真 UI、可点击原型、线框图、落地页、Dashboard、移动端界面、演示稿、视觉文档、动画或其他 HTML 设计稿。以用户要看到、比较、演示或交互的视觉结果为主目标时使用；若主要目标是数据图、研究、纯文本或生产代码实现，交给对应领域 Skill。

Plugin manifests2

plugins/design/.codex-plugin/plugin.json
{
  "name": "design",
  "version": "1.0.0",
  "description": "用于创建与维护视觉设计产物：高保真 UI、交互原型、线框图、演示稿、移动端界面，以及设计系统/UI Kit。普通数据图表、纯文本写作、外部调研和生产代码实现继续由各自 Plugin/领域能力保留主路由。",
  "author": {
    "name": "trojanbox",
    "url": "https://github.com/trojanbox"
  },
  "repository": "https://github.com/trojanbox/agent-plugin-marketplace",
  "skills": "./skills/",
  "interface": {
    "displayName": "Design",
    "shortDescription": "用于创建与维护视觉设计产物：高保真 UI、交互原型、线框图、演示稿、移动端界面，以及设计系统/UI Kit。普通数据图表、纯文本写作、外部调研和生产代码实现继续由各自 Plugin/领域能力…",
    "longDescription": "用于创建与维护视觉设计产物：高保真 UI、交互原型、线框图、演示稿、移动端界面，以及设计系统/UI Kit。普通数据图表、纯文本写作、外部调研和生产代码实现继续由各自 Plugin/领域能力保留主路由。",
    "developerName": "trojanbox",
    "category": "Design",
    "capabilities": [
      "Interactive"
    ],
    "defaultPrompt": [
      "使用 Design 插件帮助我完成当前任务。"
    ]
  }
}
plugins/design/.claude-plugin/plugin.json
{
  "name": "design",
  "displayName": "Design",
  "version": "1.0.0",
  "description": "用于创建与维护视觉设计产物：高保真 UI、交互原型、线框图、演示稿、移动端界面，以及设计系统/UI Kit。普通数据图表、纯文本写作、外部调研和生产代码实现继续由各自 Plugin/领域能力保留主路由。",
  "author": {
    "name": "trojanbox",
    "url": "https://github.com/trojanbox"
  },
  "repository": "https://github.com/trojanbox/agent-plugin-marketplace"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[design on Agent Plugins Marketplace](https://pluginsmp.com/plugins/design-4)