OpenSkillIndex← back to search
claude-code

AutoSkill js / react / next

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

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/Users/chinese_gpt3.5_8_GLM4.7/js-react-next" ~/.claude/skills/ecnu-icalk-autoskill-js-react-next && rm -rf "$T"
manifest: SkillBank/Users/chinese_gpt3.5_8_GLM4.7/js-react-next/SKILL.md
source content

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.