开源最近推送 2026-09-03
0stars

Summer Checkin UI Skill

一份由 SKILL.md 驱动的 Web UI 视觉打磨技能,让 Claude Code 与 OpenAI Codex 共用同一套设计语言:既能打磨已有页面,也能按规格直接生成新页——产品内页、以及给科技产品排「手机格子」式的设备陈列。

要点

  • 把真实产品的 16 个语义 token、玻璃质感配方、按钮规格与动效刻度蒸馏成自包含文档,不依赖原项目也能用。
  • 覆盖 rain / snow / cloud 三套场景 × 深浅两档,新增场景只需加一个 token 块,组件不用改。
  • 沉淀了 12 条踩坑清单(首屏渐显必须首帧点亮、叠图文案要写死白色、veil 不能两端实心…),每条都附反例。
  • 安装后以斜杠命令调用:/summer-checkin-ui-skill。

技术栈

SkillsDesign SystemMarkdown

独立维护 · 2026.09