Charles7c

切换日光/暗黑模式

编程提示词 持续更新 ​

覆盖软件开发全生命周期，包含代码生成、调试优化、架构设计等技术场景。支持 Python/Java/Go 等多语言技术栈的精准提示。

简易提示词 ​

text
你现在是一个编程导师的角色。用Python构建一个简单的计算器。要使用非常详细的注释，注释要通俗易懂，让10岁的孩子能够理解，但确保不要重复任何注释。

小程序开发 ​

示例 1 ​

text
你是一个专业的uniapp+uview2.0开发专家。我正在开发一个名为"SelfGrowth"的跨平台应用，主要支持微信小程序。

业务功能：
应用的一个核心功能是一个类似待办的速记功能，每个速记包括内容、优先级、截止时间、重要程度，同时支持打标签，支持定时重复提醒。
另一个核心功能是AI对话，可以选择不同标签下的速记作为知识库建立对应的助手，并进行对话。各个助手除了被动进行对话外，支持定时设置，主动发送消息给用户。

界面布局：
参考截图样式，底部tab包括首页、事项、速记、助手、我的。
首页：
- 上部是助手头像列表，横向排布，头像右上角有消息小红点，头像下面有最新的一条消息。
- 下部是速记内容列表，展示内容、优先级、重要程度、截止时间、标签。
事项：
速记内容列表，支持搜索、下拉刷新、上拉加载更多。
速记：
该图标为快捷入口，点击后直接通过语音录入速记内容。
助手：
助手列表，类似微信对话列表，右上角是新增按钮，点击可以新增助手。
列表中的任一助手点击后进入助手的对话界面，右上角有设置按钮，点击可设置助手相关属性（提示词、配置等）。
我的：
个人中心页面，包括常见的头像、个人信息、设置、关于我们等入口。

技术要求：
- 暂时采用小程序本地存储数据的方式，不采用网络接口，但存储逻辑需要独立封装，方便后续切换后台API。
- 所有图标优先采用uView内置图标。
- 图片使用upsplash api获取合适图片。
- 整个项目采用vue2，禁止使用vue3的特性。

多角色开发 ​

text
**任务流程说明**
请严格按照以下顺序分角色执行，每个角色完成工作后自动进入下一阶段，所有产出文件需按规范保存：

1️⃣ **角色切换：资深产品经理**
📌 任务列表：
- 深度解析用户原始需求，拆解为功能模块（使用MECE原则）
- 制作完整产品规格说明书，需包含：
 → 用户画像与使用场景
 → 功能流程图（PlantUML/流程图工具）
 → 交互逻辑说明（含异常状态处理）
 → 数据字段定义（JSON Schema格式）
 → 版本更新日志模块
- 输出文件：/documents/PRD_[项目名称]_v1.0.md

2️⃣ **角色切换：首席UI/UX设计师**
🎨 设计规范：
- 基于PRD文档创建原子化设计系统，包含：
 → 颜色规范（HSL值+CSS变量）
 → 排版系统（8px基准栅格）
 → 组件库（按钮/表单/导航等交互状态）
- 制作高保真页面设计图：
 → 使用Figma/Sketch设计范式
 → 每个页面需标注：
 - 响应式断点布局
 - 交互动效说明（微交互细节）
 - 无障碍设计标准（WCAG 2.1）
- 输出文件：/documents/UI_Spec_[项目名称]_v1.0.md

3️⃣ **角色切换：前端架构师**
💻 开发规范：
- 创建工程化目录结构：

/project
 ├── assets
 │  ├── css (公共样式库)
 │  ├── images (图片资源库)
 │  └── icons (SVG精灵图)
 ├── components (公共组件)
 └── pages (独立功能页面)

- 页面开发要求：
 → 使用Bootstrap/Tailwind实现响应式
 → 图片资源使用占位服务（如：picsum.photos/200x300）
 → 图标使用FontAwesome或Material Icons
 → 每个HTML文件包含完整交互逻辑注释
- 整合方案：
 → 创建index.html作为导航中心
 → 通过iframe矩阵排列各页面（3列响应式布局）
 → 添加页面目录自动生成脚本

**质量保证机制**
✅ 每个阶段完成后执行：
1. 版本控制（Git commit + 变更日志）
2. 跨角色交叉验证（PM↔UI↔FE三方checklist）
3. 生成PDF简报（含关键节点截图）

插件开发 ​

示例 1 ​

text
我需要开发一个「油猴」插件，是小红书下拉词采集器，适用于笔记选题、埋SEO关键词等场景

要求：
1. 如图用户在小红书搜索框输入某个关键词后，会出现下拉词
2. 在小红书页面添加一个「采集下拉词」的按钮
3. 点击按钮后，把这些下拉词搜集起来，并且导出为txt格式的文本即可。

请给我油猴插件的js脚本代码即可。

页面相关的代码参考：
---
把前面捕捉到的代码放进来
---

示例 2 ​

text
我需要开发一个「油猴」插件，是小红书下拉词采集器，适用于笔记选题、埋SEO关键词等场景

要求：
1. 如图用户在小红书搜索框输入某个关键词后，会出现下拉词
2. 在小红书页面添加一个「采集下拉词」的按钮
3. 点击按钮后，把这些下拉词搜集起来，并且导出为txt格式的文本即可。

请给我油猴插件的js脚本代码即可。

页面相关的代码参考：
---
把前面捕捉到的代码放进来
---

需求拆解 ​

明白，已完整记录当前接口拆解风格标准。后续拆解将严格遵循以下范式：

标准化拆解模板 ​

1. 模块分层 ​

markdown
### [模块名称] 
**接口路径**  
`[基础路径]`

| 方法   | 端点                | 功能       | 请求参数（字段+说明）               | 响应说明               |
|--------|---------------------|------------|-----------------------------------|------------------------|
| [HTTP方法] | `[端点路径]`       | [功能描述] | `param1` (类型, 说明)             | [成功/错误响应示例]    |

2. 要素规范 ​

  1. 接口路径：RESTful 风格（如 /api/module/sub-resource）
  2. 表格要素：
    • 方法（GET/POST/PUT/DELETE）
    • 端点（含路径参数如 /{id}）
    • 功能（动词短语：创建/修改/查询/删除）
    • 请求参数（字段名、数据类型、约束）
    • 响应（状态码、数据结构关键字段）
  3. 设计说明（必含四类）：
    markdown
    ### 关键设计说明
1. **权限控制**  
   - [操作权限/角色要求]
2. **数据一致性**  
   - [事务/级联规则]
3. **性能优化**  
   - [分页/缓存/异步策略]
4. **错误处理**  
   - [特殊错误码及场景]
  4. 可视化辅助（二选一）：
    mermaid
    graph TD
  A[主模块] --> B[子功能1]
  A --> C[子功能2]
    或
    mermaid
    sequenceDiagram
  前端->>后端: 请求
  后端-->>数据库: 操作