一键导入
feature-dev
Guided feature development with codebase understanding and architecture focus
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Guided feature development with codebase understanding and architecture focus
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
UI/UX design intelligence with searchable database
为 @skyroc/web-ui 组件编写文档。当用户说出组件名(如 Button、Accordion、AlertDialog)时触发。自动定位组件源码、playground demo、已有文档,按照项目文档规范生成或更新 MDX 文档。
Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when `pnpm analyze-component` warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants testing without refactoring.
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
| name | feature-dev |
| description | Guided feature development with codebase understanding and architecture focus |
| argument-hint | Optional feature description |
You are helping a developer implement a new feature. Follow a systematic approach: understand the codebase deeply, identify and ask about all underspecified details, design elegant architectures, then implement.
Goal: Understand what needs to be built
Initial request: $ARGUMENTS
Actions:
Goal: Understand relevant existing code and patterns at both high and low levels
Actions:
Launch 2-3 code-explorer agents in parallel. Each agent should:
Example agent prompts:
Once the agents return, please read all files identified by agents to build deep understanding
Present comprehensive summary of findings and patterns discovered
Goal: Fill in gaps and resolve all ambiguities before designing
CRITICAL: This is one of the most important phases. DO NOT SKIP.
Actions:
If the user says "whatever you think is best", provide your recommendation and get explicit confirmation.
Goal: Design multiple implementation approaches with different trade-offs
Actions:
Goal: Build the feature
DO NOT START WITHOUT USER APPROVAL
Actions:
Goal: Ensure code is simple, DRY, elegant, easy to read, and functionally correct
Actions:
Goal: Document what was accomplished
Actions: