Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries, state, data flow, effects, or interaction ownership. Do not use for review-only requests, test-only work, copy-only edits, or styling-only changes.
安装
npx skills add langgenius/dify --skill how-to-write-componentnpx skills add langgenius/dify --skill how-to-write-component -a claude-code -gnpx skills add langgenius/dify --skill how-to-write-component -a codex -ggemini skills install https://github.com/langgenius/dify.git --path .agents/skills/how-to-write-componentgh skill install langgenius/dify how-to-write-componentgit clone --depth 1 https://github.com/langgenius/dify /tmp/langgenius__dify
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/langgenius__dify/.agents/skills/how-to-write-component ~/.claude/skills/how-to-write-component # Claude Code
cp -R /tmp/langgenius__dify/.agents/skills/how-to-write-component ~/.agents/skills/how-to-write-component # Codex, Cursor, Gemini CLI, Copilot, OpenCode