NiceDesign

Short, rule-only agent skills — web UI craft plus engineering workflow. Less fluff. More rules.

精简、规则向的 Agent Skills：Web UI 设计 + 工程化工作流。少废话，多规则。

Install · 安装

npx skills add https://github.com/bo-516/NiceDesign

Works with Cursor, Claude Code, Codex, and other agents that support the Agent Skills format.

适用于 Cursor、Claude Code、Codex 等支持 Agent Skills 格式的工具。

Skills · 技能

Web UI · 界面 — skills/web/

Skill	EN	中文
web-color-depth	Palettes, OKLCH tokens, dark mode, layered shadows / elevation	色板、OKLCH token、暗色模式、分层阴影与 Elevation
web-layout	Frame choice (viewport-locked vs document-scroll), scroll ownership, spacing scale, grids, hierarchy, app shells	骨架选择（视口锁定 / 文档滚动）、滚动归属、间距阶、栅格、层次、应用壳
web-interaction	Control states, forms, micro-feedback, CSS motion budgets	控件八态、表单、微反馈、CSS 动效预算
web-animation	GSAP-first timelines, ScrollTrigger, React cleanup, perf	GSAP 优先：时间线、ScrollTrigger、React 清理、性能

Engineering · 工程化 — skills/engineering/

Skill	EN	中文
wish	/wish <task> → turns a request into a plan before anyone starts the work — for engineering, product, design, ops, or marketing. Reads the context (the repo or your files), asks up to 4 multiple-choice questions when the request is thin, then writes the plan. Default: a page for people — single-file HTML rendered from JSON, with a decisions block, side notes for terms, and hidden-answer self-checks. Asked for the AI form: a Markdown plan an agent can carry out cold	/wish <需求> → 动手之前先把事情想清楚，写成方案。开发、产品、设计、运营、市场都能用。先读上下文（代码仓库或你给的文件），信息不够时带 3–5 个选项反问。默认写给人看：由 JSON 渲染的单文件 HTML，带待决事项、术语边注和点开才看答案的自检题；要求给 AI 看时，写零上下文也能照着执行的 Markdown 方案
wish2human	/wish2human <task> → wish, people form, no mode detection → docs/YY-MM-DD-<slug>.html (+ .json)	/wish2human <需求> → 固定写给人看的版本
wish2ai	/wish2ai <task> → wish, AI form, no mode detection → docs/YY-MM-DD-<slug>.md	/wish2ai <需求> → 固定写交给 AI 执行的版本

wish2human and wish2ai are entry points into wish; install wish alongside them. wish2human / wish2ai 只是 wish 的入口，需要和 wish 一起安装。

/wish 给订单列表加导出 CSV
→ 导出范围？ A. 当前筛选结果 (Recommended)  B. 全部订单  C. 勾选的行 …
→ docs/26-09-23-export-orders-csv.html  (+ .json)

/wish2ai 给订单列表加导出 CSV
→ docs/26-09-23-export-orders-csv.md

Philosophy · 理念

• Rules over essays — keep context small; ship decisions, not process theater.
• 规则重于长文 — 控制上下文体积；交付可执行决策，而不是流程表演。
• Two shelves — web/: color/depth · layout · interaction · animation (shadows live with color). engineering/: workflow skills that leave an artifact behind, such as a plan.
• 两类 — web/：颜色/深度 · 布局 · 交互 · 动画（阴影归入颜色）。engineering/：留下产物的工作流 skill，比如方案。
• Web skills are distilled from community & official sources (frontend-design, ui-craft, taste-skill, impeccable, greensock/gsap-skills, DESIGN.md, and others) into compact rule packs.
• Web 类从社区与官方来源提炼压缩而成（含 frontend-design、ui-craft、taste-skill、impeccable、greensock/gsap-skills、DESIGN.md 等）。

License · 许可

MIT