zhiming
/
ui-ux-pro-max-skill
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ui-ux-pro-max-skill/安装验证清单.md

3.3 KiB
Raw Blame History

UI/UX Pro Max 安装验证清单

✅ 文件检查

运行以下命令验证文件是否存在：

Windows PowerShell

# 检查 Kiro 配置
Test-Path .kiro/steering/ui-ux-pro-max.md

# 检查共享数据库
Test-Path .shared/ui-ux-pro-max

# 检查搜索脚本
Test-Path .shared/ui-ux-pro-max/scripts/search.py

# 列出数据文件
Get-ChildItem .shared/ui-ux-pro-max/data -Filter "*.csv"

macOS/Linux

# 检查 Kiro 配置
ls .kiro/steering/ui-ux-pro-max.md

# 检查共享数据库
ls .shared/ui-ux-pro-max

# 检查搜索脚本
ls .shared/ui-ux-pro-max/scripts/search.py

# 列出数据文件
ls .shared/ui-ux-pro-max/data/*.csv

✅ 功能测试

1. 测试 Python 搜索脚本

# 搜索 SaaS 产品推荐
python .shared/ui-ux-pro-max/scripts/search.py "SaaS" --domain product

# 搜索玻璃态风格
python .shared/ui-ux-pro-max/scripts/search.py "glassmorphism" --domain style

# 搜索配色方案
python .shared/ui-ux-pro-max/scripts/search.py "healthcare" --domain color

预期结果： 应该看到搜索结果，包含设计推荐、颜色、风格等信息。

2. 测试 Kiro 集成

在 Kiro 聊天窗口中输入以下任一命令：

为我的 SaaS 产品设计一个落地页

创建一个医疗分析仪表板

设计一个电商网站首页，使用玻璃态风格

预期结果：

  1. Kiro 会自动运行搜索命令
  2. 显示找到的设计风格、配色方案
  3. 生成包含专业 UI 的 HTML 代码
  4. 代码包含：
    • Tailwind CSS
    • 响应式设计
    • 专业配色
    • 合适的字体
    • 无障碍支持

✅ 安装成功的标志

必须满足的条件

  • .kiro/steering/ui-ux-pro-max.md 文件存在
  • .shared/ui-ux-pro-max/ 目录存在
  • .shared/ui-ux-pro-max/scripts/search.py 可执行
  • .shared/ui-ux-pro-max/data/ 包含至少 9 个 CSV 文件
  • Python 搜索命令能返回结果
  • Kiro 能识别并使用该技能

数据文件清单

应该包含以下 CSV 文件：

  1. products.csv - 产品类型推荐
  2. styles.csv - UI 风格
  3. colors.csv - 配色方案
  4. typography.csv - 字体配对
  5. landing.csv - 落地页结构
  6. charts.csv - 图表类型
  7. ux.csv - UX 指南
  8. prompts.csv - AI 提示
  9. stacks/*.csv - 技术栈指南

🔧 故障排除

问题 1：Python 命令失败

症状：

'python' 不是内部或外部命令

解决：

  1. 安装 Python 3.x
  2. 确保 Python 在系统 PATH 中
  3. 尝试使用 python3 代替 python

问题 2：Kiro 未识别技能

症状： Kiro 不使用设计数据库，生成的 UI 不专业

解决：

  1. 确认文件位置正确
  2. 重启 Kiro
  3. 重新加载工作区
  4. 检查 .kiro/steering/ui-ux-pro-max.md 文件内容是否完整

问题 3：搜索无结果

症状： 搜索脚本运行但返回 0 结果

解决：

  1. 检查 .shared/ui-ux-pro-max/data/ 目录是否有 CSV 文件
  2. 尝试不同的关键词
  3. 检查 CSV 文件是否损坏

📞 获取帮助

如果以上检查都通过但仍有问题：

  1. 查看 Gitea 仓库的 Issues
  2. 联系项目负责人：zhiming
  3. 提供以下信息：
    • 操作系统版本
    • Python 版本
    • 错误信息截图
    • 文件结构截图

验证日期： ___________
验证人： ___________
结果： ☐ 通过 ☐ 失败