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-design 和 web-design-guidelines。
安装说明
复制安装命令并在目标项目中执行。安装后先阅读 skills.sh 与 GitHub 来源说明,确认依赖、账号、费用和运行环境,再让 Codex 按该 Skill 的流程工作。
使用说明
该 Skill 面向 Paperclip 及相似的专业控制台,不是所有项目的通用视觉模板。使用时提供目标页面、现有组件和交互约束,并结合上游建议的 frontend-design 与 web-design-guidelines 做实现和审查。
