# js / react / next

> General SOP for common requests related to js, react, next.

- Skill: `majiayu000/js-react-next` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/js-react-next`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/js-react-next/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/js-react-next

---


# 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.