Token导航 LogoToken导航

Agent Skill · 研究检索

design-catalog(设计目录)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

design-catalog 是研究检索类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为操作浏览器;许可证信息还不明确,第三方扫描有提醒项,按安装量在研究检索类的 73,675 个 Skill 里排第 56,028。

总安装 465周安装 19GitHub Stars 8下载 150核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:design-catalog(设计目录)
来源仓库:https://github.com/phrazzld/claude-config
仓库路径:skills/design-catalog
安装命令:
npx skills add https://github.com/phrazzld/claude-config --skill design-catalog
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/phrazzld/claude-config --skill design-catalog

这个 Skill 是做什么的

研究检索类 Skill 主要解决「找资料、核对事实、把来源整理清楚」的问题,通常会让助手先检索再总结。

已弃用,推荐使用 /evolve 替代本技能的功能。原功能为生成 5–8 个视觉设计方案供选择,现已由 evolve catalog viewer 接管。历史内容保留仅作参考,实际部署应迁移至新一代提案生成系统。安装需从 GitHub 仓库获取,依赖 npx skills add 命令完成集成。

design-catalog 属于研究检索类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/design-catalog

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/phrazzld/claude-config --skill design-catalog;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要操作浏览器,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

design-catalog 怎么安装?

在终端执行 npx skills add https://github.com/phrazzld/claude-config --skill design-catalog。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

design-catalog 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

design-catalog 需要什么权限?

权限级别是操作浏览器。该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

design-catalog 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

design-catalog 用的人多吗?

公开数据是累计安装 465 次,近一周安装 19 次,下载 150 次,GitHub 8 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

design-catalog 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理研究检索类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

研究检索类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
find-skills

寻找技能 · Codex、Claude

31,199,81316,486操作浏览器MIT有提醒
self-improving-agent

自我改进 Agent · OpenClaw

16,464,0023,396接触敏感数据MIT-0通过
soultrace

灵魂追踪 · Codex、Claude

7,588,94412需要联网未明确有提醒
self-improving

自我完善 · OpenClaw

6,829,2841,046需要联网MIT-0通过
microsoft-foundry

微软代工厂 · Codex、Claude

6,614,144764调用外部服务未明确有提醒
design-catalog

设计目录 · 本页

4658操作浏览器未明确有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

DEPRECATED. Use /evolve instead. /evolve generates populations of proposals (8+ per generation) with anti-convergence enforcement, persistent cross-project taste memory, and multi-provider delegation (Kimi, Codex, Claude, Gemini). The catalog is replaced by the evolve catalog viewer. Original skill content preserved below for reference.

description: Generate visual design proposal catalog with 5-8 options argument-hint: "[route-or-url]"

DESIGN-CATALOG

Generate a catalog of 5-8 design proposals before implementing anything.

MANDATORY: Kimi Delegation

All proposal generation MUST be delegated to Kimi K2.5 via MCP.

Kimi excels at frontend/visual work. Claude orchestrates, Kimi implements:

// Generate proposals in parallel (4.5x faster than sequential)
mcp__kimi__spawn_agents_parallel({
  agents: [
    { prompt: "Generate proposal 1: [DNA code]. Output: .design-catalog/proposals/01-[name]/", thinking: true },
    { prompt: "Generate proposal 2: [DNA code]. Output: .design-catalog/proposals/02-[name]/", thinking: true },
    // ... 5-8 total proposals
  ]
})

Workflow:

  1. Research direction → Gemini (web grounding)
  2. Generate proposals → Kimi (parallel agents)
  3. Validate & review → Claude (quality gates, expert panel)

Why Catalogs

Design is visual and iterative. Showing options before implementing:

  • Prevents commitment to first idea
  • Surfaces unexpected directions
  • Lets user make informed choices

Process

1. Load Design Skills

Skill("frontend-design")      # Philosophy
Skill("aesthetic-system")     # Strategic direction
Skill("ui-skills")            # Implementation constraints

2. Analyze Current State

If $1 provided (route or URL):

  • Screenshot the target via Chrome MCP
  • Analyze existing design DNA (typography, colors, layout, motion)

If no argument:

  • Ask what to design

3. Research via Gemini

gemini "Analyze this [product type] for distinctive design directions.
Research 2025 trends. Anti-convergence: avoid Inter, Space Grotesk,
purple gradients, Tailwind default blue-500."

4. Generate 5-8 Proposals

For EACH proposal:

  1. Build working HTML/React preview
  2. Validate against ui-skills constraints
  3. Run /rams — Must score ≥70/100
  4. Only passing proposals enter catalog

DNA variety rule: No two proposals share >2 axes.

5. Present Catalog

mkdir -p .design-catalog && cd .design-catalog
python -m http.server 8888 &

Open in browser, screenshot, present:

Design Catalog Ready

[N] proposals passed validation. Live: http://localhost:8888

1. [Name] - [soul] - DNA: [code] - RAMS: [score]/100
2. [Name] - [soul] - DNA: [code] - RAMS: [score]/100
...

Browse, compare, tell me which 2-3 resonate.

6. Iterate

User selects favorites → generate hybrids → re-validate.

Anti-Convergence Checklist

Verify NO proposal uses:

  • Inter, Roboto, Space Grotesk, Satoshi as primary fonts
  • Purple gradients on white backgrounds
  • Tailwind default blue-500 (#3B82F6)
  • Centered max-w-4xl container everywhere
  • No animations at all

Output

Catalog ready for user selection. Next: User picks direction → /design-theme.

平台分布

Codex

36.59%
按下载量换算55

Claude

30.43%
按下载量换算46

Cursor

19.58%
按下载量换算29

Gemini CLI

10.23%
按下载量换算15

安全审计

Gen Agent Trust Hub

通过

Socket

可疑

Snyk

可疑

权限和风险

操作浏览器

该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills