Use when a React component's props grow, when an effect computes state that render could derive, or when deciding what belongs in a global store and what a selector should.
Install
npx skills add yutna/functional-design-skills --skill functional-typescript-reactnpx skills add yutna/functional-design-skills --skill functional-typescript-react -a claude-code -gnpx skills add yutna/functional-design-skills --skill functional-typescript-react -a codex -ggemini skills install https://github.com/yutna/functional-design-skills.git --path plugin/skills/functional-typescript-reactgh skill install yutna/functional-design-skills functional-typescript-reactgit clone --depth 1 https://github.com/yutna/functional-design-skills /tmp/yutna__functional-design-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/yutna__functional-design-skills/plugin/skills/functional-typescript-react ~/.claude/skills/functional-typescript-react # Claude Code
cp -R /tmp/yutna__functional-design-skills/plugin/skills/functional-typescript-react ~/.agents/skills/functional-typescript-react # Codex, Cursor, Gemini CLI, Copilot, OpenCode