精选主题

UI 设计工具箱

视觉方向 · 交互原型 · 设计规范 · 界面视觉检查

包含内容与使用顺序

3 项技能
  1. 01

    huashu-design

    视觉方向与评审

    比较设计风格,明确配色、字体和视觉评审标准。

    示例提问
    请根据受众和核心信息提出三个有区别的视觉方向,说明选择理由与配色字体。
  2. 02

    baoyu-design

    交互原型与设计规范

    制作可查看的 HTML 原型,建立组件和品牌设计规范。

    示例提问
    请根据当前界面与需求制作可交互原型,并整理颜色、字体、间距和组件规范。
  3. 03

    frontend-visual-qa

    界面视觉检查

    检查布局、可读性、交互状态和响应式表现。

    示例提问
    请审查这个界面的布局、状态和响应式表现,用截图或可复现证据说明问题。

使用说明

使用流程

用花叔内置设计顾问探索方向,宝玉设计技能制作原型与规范,再检查真实界面。原型和视觉审查不能替代全部工程及无障碍验收。

环境准备

本整合包只安装技能文件,不自动执行工作流,也不自动安装运行环境、登录账号或开通付费服务。请先查看各技能的配置要求。

来源与复用

优先收录国内作者或中文社区分享的技能,按任务去重。跨主题的共用技能引用同一固定来源。保留作者说明与许可证。

验证说明

已检查目录结构;尚未完成实际工作流验收。 已核对固定源码目录、SKILL.md、归档预算及随包文件;未完成桌面端实际流程验收。部分技能需要自行配置运行环境、扩展技能或外部服务。