Changan-Su

在 Forsion 的 Coding Space 里构建网页/前端应用时**必须先读**。讲清本环境的即时预览规则——importmap + esm.sh 拉任意 npm 包、可直接写 JSX/TSX(预览端自动转译)、无构建步骤、无 npm install、多文件结构、index.html 入口。写任何 web 代码前遵循本约定。

当在 Forsion Coding Space 里编写 React/前端组件、hooks、状态管理,或排查重渲染、数据获取、内存泄漏、陈旧闭包类 bug 时使用。提供 hooks 依赖数组、useEffect 竞态与清理、组件组合、状态选型(useState/Context/zustand)、数据获取三态(loading/error/取消)、列表 key、受控/非受控、memo/useMemo/useCallback 的可复制正反例(均适配 importmap+esm.sh 无构建环境)。

当需要用 Python/pandas 分析数据文件、做统计聚合或绘制图表时使用,提供标准代码模式与 run_python 使用规范。

当需要提交代码、创建分支、rebase/merge、处理冲突或回滚改动时使用,提供规范的 Git 操作流程与安全红线。

当用户想新建 / 配置 / 修改 / 删除 Tangu 本地 Agent(Normal Agent),或想把一种好用的角色 / 工作方式沉淀成可复用的 agent 时使用。讲解 manage_agent 工具与 agent 的文件夹结构(config.toml / SOUL.md / MEMORY.md / LOG / Library)。

Orchestrate multi-agent councils, debates, review boards, or committee-style decisions in OpenCode. Use when Claude needs to run 3+ agents through structured multi-round discussion, enforce quorum, maintain shared round dossiers, prevent seat drift, collect valid ballots, and produce formal archives such as resolutions, transcripts, dissent logs, seat notes, and addenda.

Forsion-PRD structured product requirement workflow. Guides PMs through dialogue-based requirement gathering, PRD drafting, HTML prototype creation with Tailwind CSS, Mermaid flowcharts, and final PRD with iframe sandbox slices. Use when creating PRD, writing requirement documents, designing prototypes, or when the user says /forsion-prd. Triggers: 产品需求文档, 写PRD, 产品需求, 需求梳理, 需求文档, 原型设计, user journey, requirement gathering.

Integrate frontend applications with the Forsion unified backend login system. Use when integrating authentication, setting up login flow, connecting to Forsion backend APIs, or implementing user authentication for any frontend project (React, Vue, Angular, etc.).