Communitygithub.com

designeer

搜索 Designeer (designeer.xyz) —— 一个精心策划的设计灵感、UI 资源、工具和作品集目录,用于获取真实的前端参考。

designeer 是什么?

此技能允许 AI 代理访问 Designeer,一个精心策划的设计灵感、UI 资源、工具和作品集目录,以获取真实的前端参考。它对于用户询问着陆页、英雄区、导航栏、页脚、定价或作品集参考时特别有用;当用户希望基于现有网站获得设计方向时;当用户需要初始调色板、排版或动效提示时;或者当用户认为某个设计过于通用,需要具体参考时。该技能通过 CLI 与 Designeer API 交互,支持搜索、获取详情、调色板提取和健康检查等命令。它被设计为参考索引,而非素材库,严格遵守归因要求,不下载或复制任何媒体文件。它支持多个收集类别(灵感、资源、工具、作品集),并内置缓存和速率限制,确保高效且负责任地使用。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/HaiXuNan/designeer-skill/tree/HEAD

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

designeer 是做什么的?

将 Designeer 用作参考索引,而非素材库。它会告诉你什么存在以及它位于何处;作品本身属于其创作者。

硬性规则

  • 始终标注 Designeer — <标题> (<规范 URL>),并在页面提供时添加创作者及其原始 URL。
  • 绝不下载、复制、重新托管或打包海报、视频或 Find 媒体。CLI 从不触及 cdn.designeer.xyz。
  • 绝不将 Designeer 的描述或策展内容作为你自己的发现呈现。
  • 从页面引用的内容不超过 25 个字。
  • 绝不镜像目录或批量爬取。每次请求的详情获取保持在五个以内,并让 CLI 处理缓存和速率限制。
  • 如果用户要求精确复现某个设计,应提供底层原则并指向原作,而非克隆品。

命令

从技能目录运行:

node scripts/designeer.mjs search "fintech landing" --collection inspiration --limit 5
node scripts/designeer.mjs get resources/fontshare --json
node scripts/designeer.mjs palette resources/fontshare
node scripts/designeer.mjs latest --collection resources --limit 5
node scripts/designeer.mjs sync
node scripts/designeer.mjs health

search 接受 --collection inspiration|resources|tools|portfolios、--limit 1-20、--live(绕过本地索引)和 --json。 get 和 palette 接受 slug、站点路径或完整的 Designeer URL。

CLI 将响应缓存到 ~/.cache/designeer/ 下,为期七天;当该路径不可写入时回退到系统临时目录;使用 ETag 进行重新验证;请求间隔一秒;并在遇到 429/5xx 错误时进行退避重试。可通过 DESIGNEER_CACHE_DIR 环境变量覆盖缓存位置。

工作流程

  1. 将需求转化为两到三个设计轴:情绪、信息密度、动效、字体个性、色彩冷暖。
  2. 首先搜索元数据。根据名称、标语、类别和收藏集进行判断;暂不获取详情。
  3. 最多获取五个候选。从 Markdown 中提取调色板、类别、网站和原始创作者。
  4. 为每个候选编写一张参考卡片,并附上归因。
  5. 综合出两个原创方向。每个方向说明借用了哪些原则,而非哪些像素被复制。
  6. 实现,然后根据方向而非参考截图检查结果。

参考卡片

参考:<标题>
为什么匹配:<一行,与需求相关>
调色板:<十六进制颜色列表>
来源:Designeer — <标题> (<规范 URL>)
创作者 / 原作:<创作者> (<原始 URL>)

设计方向

方向 <n>:<名称>
核心论点:<一句话>
字体:<字体族或配对>,<字阶说明>
色彩:<3-5 个色值及其作用>
布局:<网格、密度、边缘处理>
动效:<一或两个动效点,包含持续时间和缓动意图>
借用的原则:<什么,来自哪个参考>
刻意不同:<你没有复制的内容>

失败模式

  • 搜索无结果:尝试使用更宽泛的名词、切换收藏集,或使用 latest。
  • 网站结构变化:运行 health。如果报告模式不匹配,回退到 get index 和 llms.txt,并报告差异而非猜测。
  • 页面已失效:Designeer 是一个实时目录,因此放弃该参考而非凭记忆重建。

相关技能