by 安全扫描
OpenClaw
安全
high confidence仅包含前端设计指南，无需凭证或安装，仅提供 UI/CSS 指导。
评估建议
该技能是一个安全的前端设计指南，使用前请注意：1) 示例指向第三方 CDN，生产环境中应审计并固定版本；2) 元数据存在小问题，建议验证发布者；3) 遵循字体/图像最佳实践，确保旧浏览器支持 oklch()。...详细分析 ▾
✓ 用途与能力
名称和描述与内容一致（前端设计指导），包括布局、主题、动画和实现规则。技能不请求无关资源。元数据存在小问题，但不影响功能。
ℹ 指令范围
指令范围内，推荐加载第三方 CDN 资源和使用 Unsplash 等 Placeholder 服务，正常用于前端原型开发，但生产环境中应审查和固定版本。
✓ 安装机制
无安装规格和代码文件，风险最低，技能自身不写入磁盘文件。
✓ 凭证需求
技能不请求环境变量、凭证或配置路径，无解释的访问秘密或系统配置。
✓ 持久化与权限
始终为 false，模型调用默认值不变。技能不请求持久/系统权限或修改其他技能，其运行面仅为指令。
安全有层次，运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.0.02026/3/30
首次发布专家级前端设计指南，包括结构化设计工作流、现代主题示例、字体推荐、间距、阴影、响应式设计和可访问性最佳实践。
● 无害
安装命令
点击复制官方npx clawhub@latest install xiaopi-superdesign
镜像加速npx clawhub@latest install xiaopi-superdesign --registry https://cn.longxiaskill.com
技能文档
使用此技能创建 UI 组件、登陆页、仪表盘或任何前端设计工作。
设计工作流
遵循结构化的 UI 设计方法：- 布局设计 — 构思组件结构，创建 ASCII 线框图
- 主题设计 — 定义颜色、字体、间距、阴影
- 动画设计 — 计划微交互和过渡
- 实现 — 生成实际代码
...（中间内容与原文相同，仅示例）
快速参考
| 元素 | 推荐 |
|---|---|
| 主字体 | Inter, Outfit, DM Sans |
| 代码字体 | JetBrains Mono, Fira Code |
| 边框半径 | 0.5rem - 1rem (现代), 0 (霸屏主义) |
| 阴影 | 微妙，1-2 层最大 |
| 间距 | 4px 基础单位 (0.25rem) |
| 动画 | 150-400ms, ease-out |
| 颜色 | oklch() 现代，避免通用蓝 |