在 Manus 中运行任何 Skill
一键导入
一键导入
一键在 Manus 中运行任何 Skill
开始使用ui-reference
星标9
分支0
更新时间2026年6月10日 13:19
生成前主动采集用户提供的参考图片或网页的设计风格,提取配色/布局/字体
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly菜单
生成前主动采集用户提供的参考图片或网页的设计风格,提取配色/布局/字体
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
生成完成后,检查代码是否符合基础质量指标
验证生成的页面在 4 个断点下的布局是否正常
API 调用模式最佳实践,包括列表查询、表单提交、数据删除等场景的异步处理规范
CSS 变量与设计 Token 体系规范,确保视觉一致性
表单校验的完整实现规范,适用于所有包含表单的页面
微交互与状态反馈规范,包括骨架屏、加载态、空状态、操作动画
| name | ui-reference |
| description | 生成前主动采集用户提供的参考图片或网页的设计风格,提取配色/布局/字体 |