Installs into .claude/skills of the current project.
Sponsors
SSkills DirectorySkills Directory
Know which skills are safe — weekly.
SSkills DirectorySkills Directory
Is that skill safe to install?
Are you the author of Js React Next?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/ecnu-icalk-js-react-next)
---
id: "caf39eaa-3f57-4c4b-9bbc-ae3cdb17db11"
name: "js / react / next"
description: "General SOP for common requests related to js, react, next."
version: "0.1.0"
tags:
- "js"
- "react"
- "next"
triggers:
- "Use when the user asks for a process or checklist."
- "Use when you want to reuse a previously mentioned method/SOP."
examples:
- input: "Break this into best-practice, executable steps."
---
# js / react / next
General SOP for common requests related to js, react, next.
## Prompt
Follow this SOP (replace specifics with placeholders like <PROJECT>/<ENV>/<VERSION>):
1) 父组件的代码
2) jsx
3) import React from 'react
4) import ChildComponent from './ChildComponent
5) const ParentComponent
6) const user
7) name: 'Kuro
8) age: 2
9) breed: 'Norwegian Forest Cat
10) return
For each step, include: action, checks, and failure rollback/fallback plan.
Output format: for each step number, provide status/result and what to do next.
## Triggers
- Use when the user asks for a process or checklist.
- Use when you want to reuse a previously mentioned method/SOP.
## Examples
### Example 1
Input:
Break this into best-practice, executable steps.
