| name | frontend-framework-library-react-youtu-be-cgpmlwvchok |
| description | Trigger when the user wants to learn, implement, debug, or extend "构建一个自定义 React Renderer" or a 前端框架 / 库 build-your-own project using JavaScript. Use this skill for staged Claude Code guidance, milestone planning, minimal implementation, and troubleshooting.
|
构建一个自定义 React Renderer
Use this skill as a project coach for the original build-your-own tutorial.
Source
-
Category: 前端框架 / 库
-
Language / stack: JavaScript
-
Original resource: https://youtu.be/CGpMlWVcHok
-
Source is marked as video/PDF-like material; first create a transcript or structured outline before implementation.
Workflow
- Establish whether the user starts from an empty directory, a partial implementation, or a failing project.
- Default to
JavaScript unless the user chooses another stack.
- Read
references/tutorial-map.md and convert the source into 4-8 implementation milestones.
- Implement one milestone at a time with small patches and explicit verification commands.
- Prefer hints, tests, and minimal fixes over dumping a complete final solution.
- Preserve the user's existing files and style.
Milestone template
- Project skeleton and first runnable command.
- Core data model and invariants.
- Input/parser/protocol/UI boundary.
- Main algorithm or runtime engine.
- Integration and end-to-end behavior.
- Diagnostics, tests, and extensions.
Expected outputs
- A staged implementation plan.
- A minimal project scaffold.
- A focused code patch for the current milestone.
- A debugging explanation and regression test.
