Imported from bonsai/LT-react (skills/react-tsumete/SKILL.md). Install upstream with npx skills add bonsai/LT-react --skill react-tsumete. Copyright stays with the author.

react-tsumete

Name: react-tsumete
Author: bonsai

React/LT の企画や実装方針を、実装前に問い詰めて明確化する。

目的

発表の目的・対象・主張を明確にする
React を使う理由を明確にする
スライド構成とデモ範囲を決める
技術選択や実装上の未決定事項を洗い出す
曖昧な点・矛盾・過剰実装を発見する

進め方

リポジトリの README、既存資料、Issue、実装を読む
未決定・曖昧・矛盾している論点を洗い出す
重要度の高い論点から 1問ずつ 質問する
各質問に、推奨案とその理由を添える
回答された決定事項を保持し、次の質問に反映する
「OK」の場合は推奨案を採用して次へ進む
すでに決まっていることは再質問しない

React固有の確認事項

必要に応じて以下を問い詰める。

React を使う必然性
component の責務
props / state / context の設計
データフロー
TypeScript の要否
Vite / Next.js 等の選択
Router の要否
API / 外部データとの接続
CSR / SSR / SSG の選択
GitHub Pages / Vercel / Cloudflare 等のデプロイ先
依存ライブラリの必要性
デモと本番実装の境界

質問ルール

一度に1問だけ
質問する前に「なぜ重要か」を短く説明する
選択肢がある場合は整理して提示する
推奨案には理由を添える
ユーザーが回答するまで、次の論点へ進まない

完了

最後に決定事項を以下で整理する。

質問	決定	根拠
...	...	...

そのうえで、必要なら README / Issue / スライド / 実装へ反映する。

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

{ "ocm": "1", "id": "bonsai-lt-react-react-tsumete", "kind": "skill", "name": "react-tsumete", "description": "React/LT の企画・構成・実装方針を、実装前に一問ずつ問い詰めて明確化するスキル。", "publisher": "bonsai", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "React/LT の企画・構成・実装方針を、実装前に一問ずつ問い詰めて明確化するスキル。" ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/bonsai/LT-react", "path": "skills/react-tsumete/SKILL.md", "ref": "71c97a83feed1093d9880b49df5f34e93c772176", "url": "https://github.com/bonsai/LT-react/blob/71c97a83feed1093d9880b49df5f34e93c772176/skills/react-tsumete/SKILL.md", "key": "bonsai/LT-react/skills/react-tsumete/SKILL.md" } }, "instructions": "# react-tsumete\n\nReact/LT の企画や実装方針を、実装前に問い詰めて明確化する。\n\n## 目的\n- 発表の目的・対象・主張を明確にする\n- React を使う理由を明確にする\n- スライド構成とデモ範囲を決める\n- 技術選択や実装上の未決定事項を洗い出す\n- 曖昧な点・矛盾・過剰実装を発見する\n\n## 進め方\n1. リポジトリの README、既存資料、Issue、実装を読む\n2. 未決定・曖昧・矛盾している論点を洗い出す\n3. 重要度の高い論点から **1問ずつ** 質問する\n4. 各質問に、推奨案とその理由を添える\n5. 回答された決定事項を保持し、次の質問に反映する\n6. 「OK」の場合は推奨案を採用して次へ進む\n7. すでに決まっていることは再質問しない\n\n## React固有の確認事項\n必要に応じて以下を問い詰める。\n- React を使う必然性\n- component の責務\n- props / state / context の設計\n- データフロー\n- TypeScript の要否\n- Vite / Next.js 等の選択\n- Router の要否\n- API / 外部データとの接続\n- CSR / SSR / SSG の選択\n- GitHub Pages / Vercel / Cloudflare 等のデプロイ先\n- 依存ライブラリの必要性", "cost": { "context_tokens": 208 } }

react-tsumete

About

react-tsumete

目的

進め方

React固有の確認事項

質問ルール

完了

Use it

Manifest

Reviews