通用技能设计与创意
skill-style-guide
用统一设计规范和 Playwright 验证生成单文件 HTML 页面
- Stars
- 1
- Forks
- 0
- 更新时间
- 更新于 2026年6月12日
MIT
用统一设计规范和 Playwright 验证生成单文件 HTML 页面
这个 Claude Code Skill 生成遵循固定字体、间距、单一强调色、Lucide 图标和明暗主题规范的单文件 HTML，并通过 Playwright 在手机、平板和桌面视口截图验证，再用静态检查和可访问性脚本拦截问题。它需要在 Skill 仓库安装 Playwright、Sharp 与 Chromium；适合希望把页面视觉和验证步骤一起标准化的开发者。
资源类型
使用场景
运行平台
核心能力
把一句想法画成带花生角色的概念插图
先锁定设计规则，再让 Claude 生成并核查界面。
根据设计简报自动安排配色、效果、字体和图标技能的调用顺序。
GitHub 公开事实最近同步于 2026年7月10日。
用 Claude 规划并推进完整的产品设计项目