Token导航 LogoToken导航TokenDH.com
开发权限需确认github未标认证来源可访问许可证需确认审计通过

proj-analyze-design项目分析设计

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

190

周安装

8

GitHub Stars

64

下载量

67
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:proj-analyze-design(项目分析设计)
来源仓库:https://github.com/zhangloveyan/backend-skill
仓库路径:skills/proj-analyze-design
安装命令:
npx skills add https://github.com/zhangloveyan/backend-skill --skill proj-analyze-design
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/zhangloveyan/backend-skill --skill proj-analyze-design

简介

用于辅助界面设计、视觉规范和交互体验优化,适合整理页面结构或生成 UI 方案。

  • 适用于产品场景中的布局规划、配色建议和组件层级梳理。
  • 需结合品牌规范与用户任务,避免堆砌装饰元素;涉及页面改动时用截图或预览检查效果。
  • 安装命令:npx skills add https://github.com/zhangloveyan/backend-skill --skill proj-analyze-design
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

技术方案设计(阶段二)

前置条件:用户已确认阶段一(/proj-analyze-req)的需求分析文档,且全流程任务文档已创建 目标:设计技术实现方案,明确数据库、接口、代码结构 产出:技术方案文档(用户确认后进入开发阶段)

执行流程

Step 0: 校验任务文档 → Step 1: 探索现有代码 → Step 2: 设计技术方案 → Step 3: 输出方案文档 → Step 4: 用户确认 → Step 5: 生成任务

Step 0: 校验任务文档

  • 确认全流程任务文档存在
  • 若缺失,先创建任务文档骨架并补齐流程状态与上下文快照

Step 1: 探索现有代码

在设计方案前,先了解项目现状:

探索内容目的
相关模块代码了解现有实现方式
类似功能实现参考已有模式
公共类和工具复用现有组件
数据库表结构了解关联关系

Step 2: 设计技术方案

2.1 数据库设计

表命名规范

  • 表名:小写下划线,单数(如 user, order_item
  • 字段名:小写下划线(如 user_id, create_time
  • 主键:id BIGINT AUTO_INCREMENT
  • 外键:{关联表}_id
  • 索引:idx_{表名}_{字段}

通用字段(每张业务表必须包含):

id BIGINT AUTO_INCREMENT PRIMARY KEY,
del_flag TINYINT(1) DEFAULT 0 COMMENT '删除标记',
create_by VARCHAR(64) COMMENT '创建人',
create_time DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
update_by VARCHAR(64) COMMENT '更新人',
update_time DATETIME COMMENT '更新时间'

2.2 接口设计规范

接口文档要求

  • 完整参数:必须包含所有请求参数的类型、是否必填、示例值
  • 响应格式:提供完整的JSON响应示例,包含所有字段
  • 错误码:列出所有可能的错误码和说明
  • 业务场景:说明接口的使用场景和业务含义

2.3 枚举类设计规范

标准枚举格式:参考模板中的枚举类设计,必须包含getByCode和getMessageByCode方法

2.4 技术架构澄清

按需澄清原则:只在涉及相关技术时才需要澄清

常见澄清场景

  • 消息/通知功能 → 澄清:推送服务 vs 前端轮询?
  • 实时数据展示 → 澄清:Redis vs 数据库?
  • 历史数据管理 → 澄清:永久保存 vs 定期清理?
  • 在线状态功能 → 澄清:实时更新机制?存储位置?

Step 3: 输出方案文档

在充分澄清后,使用模板输出技术方案文档。

模板文件技术方案模板

保存位置docs/design/{YYYYMMDD}_{中文模块名}_技术.md

注意:技术方案设计时如发现需求遗漏或变更,需同步更新需求文档。

同步更新任务文档

  • 将“技术方案”状态标记为进行中/已完成
  • 在产物清单中记录技术方案文档路径
  • 更新上下文快照与下一步指令

Step 4: 用户确认

4.1 确认话术

输出技术方案后,必须使用以下话术请求确认:

以上是技术实现方案,请确认:
1. 数据库表结构和字段是否符合预期?
2. 接口设计是否满足需求?
3. 是否需要调整?

确认后我将开始编码开发。

4.2 用户反馈处理

用户反馈处理方式
"确认"/"没问题"/"可以"调用 /proj-task 拆分任务,开始开发
"字段需要调整xxx"修改表结构设计,再次确认
"接口需要增加xxx"补充接口设计,再次确认
"取消"/"不做了"结束流程

注意事项

  1. 前置检查 - 确保阶段一需求已确认,否则不能开始
  2. 参考现有 - 设计前先看项目已有实现,保持风格一致
  3. 命名规范 - 严格遵循 CLAUDE.md 命名规范
  4. 不要过度设计 - 按需求来,不主动加功能
  5. 确认再开发 - 方案确认前禁止创建/修改任何代码文件

Step 5: 生成任务(用户确认后)

用户确认技术方案后:

  1. 保存方案文档(中等/复杂需求):docs/design/{YYYYMMDD}_{中文模块名}_技术.md
  2. 生成任务清单:调用 /proj-task 创建任务
  3. 开始开发:按顺序 SQL → Entity → Mapper → DTO → Service → Controller
  4. 开发完成:调用 /proj-review 自检

同步更新任务文档

  • 标记“方案确认”状态为已完成
  • 更新“下一步指令”为进入任务拆分

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

35.44%
按下载量换算24

Claude

31.91%
按下载量换算21

Cursor

19.75%
按下载量换算13

Gemini CLI

9.39%
按下载量换算6

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

权限需确认

当前来源未能明确判断权限范围,默认进入异常复核队列。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills