设计规范设计进阶
6复制安装命令

design-guide

为 Paperclip 控制台建立紧凑、可扫描、键盘优先且默认深色的统一界面规范。

推荐使用Codex
Skills.sh 精选Skills.sh 设计本周热门 2026-07-24

getpaperclipai

Skill 作者

适合职业

  • 产品设计师
  • 前端开发者
  • 设计系统设计师

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • 管理后台设计
  • 设计系统审查
  • 组件一致性检查

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

design-guide 是 Paperclip 项目的界面规范,强调紧凑、可扫描、键盘优先、默认深色的专业控制台体验。

核心能力

  • 约束信息密度、层级和控制台布局
  • 统一组件状态、间距和交互反馈
  • 检查键盘操作和高频工作流效率
  • 避免把营销页视觉直接套进专业工具

适合场景

  • Paperclip 控制台页面开发
  • 密集型管理后台设计
  • 设计系统和组件一致性审查
  • 已有界面的可用性打磨

使用建议

先提供页面用途、关键任务、现有组件和必须保留的约束。该规范有明确产品背景,不应脱离 Paperclip 或相似控制台场景机械套用。

上游建议在具体实现时同时参考 frontend-designweb-design-guidelines

安装说明

复制安装命令并在目标项目中执行。安装后先阅读 skills.sh 与 GitHub 来源说明,确认依赖、账号、费用和运行环境,再让 Codex 按该 Skill 的流程工作。

使用说明

该 Skill 面向 Paperclip 及相似的专业控制台,不是所有项目的通用视觉模板。使用时提供目标页面、现有组件和交互约束,并结合上游建议的 frontend-design 与 web-design-guidelines 做实现和审查。