react-refactor-component SKILL.md skillA
react-refactor-component from ncaq/konoka is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add ncaq/konoka/react-refactor-component@git:20260409.426142bPins git:20260409.426142b in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- ncaq/konoka
- Path
plugins/web-tasuke/skills/react-refactor-component/SKILL.md- Versions recorded
- 5
- Latest version
- git:20260409.426142b, committed Apr 9, 2026
- First version recorded
- Apr 9, 2026
- Size
- 5,146 bytes
- Repository stars
- 3
- License
- Apache-2.0
Refactor React components to follow project conventions. Use when reorganizing, splitting, or cleaning up existing React component files.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Reactコンポーネントリファクタリング 指示されたReactコンポーネントを、 `react-component-convention`スキルで定めるルールに沿ってリファクタリングします。 ## 使い方 ```text /react-refactor-component <ファイルパス または コンポーネント名> ``` `$ARGUMENTS`で指定されたコンポーネントと、 その周辺で同じファイルに同居している関連コンポーネントを読み取り、 ルール違反を検出してリファクタリングを行います。 `$ARGUMENTS`が省略された場合は、 IDEで開いているファイル/ユーザーが直前に話題にしたコンポーネントを対象とします。 ## ワークフロー ### 対象を読む `$ARGUMENTS`で指定されたコンポーネントファイルをReadで開きます。 ファイル名から責務がわからない場合は、import元の使用箇所もあわせて確認します。 ### 違反項目を洗い出す 以下のチェックリストでコードを点検し、違反箇所を列挙します。 - [ ] 構造順序: import → デザイン定義 → props定義 → コンポーネントの順序になっているか - [ ] 1ファイル1コンポーネント: ファイル内のコンポーネントは1つだけか - [ ] 1ファイル1コンポーネント補足: 新規または大幅書き換え対象のファイル名が`index.tsx`/`index.ts`ではないか - [ ] 肥大化: 関数の冒頭から最初のJSX、つまり`return`の直前までが肥大化していないか - [ ] 肥大化: JSX内に重複する構造、深い条件分岐、外側の準備変数の多さ、複数ドメイン概念の混在などの読みづらさが同居していないか 加えてweb-tasukeプラグインの他スキルで定義されているTypeScriptの規約にも違反していないか確認してください。 ### 変更の見取り図をユーザーに提示する リファクタリングを実行する前に、何をどう変更するつもりかを箇条書きで提示し、合意を取ります。 具体的には次を含めます。 - 切り出す予定のカスタムフック/子コンポーネントとそのファイル名 - 元ファイルの最終的な構成、デザイン定義・props・コンポーネントの配置 - リネームが発生する場合は旧ファイル名 → 新ファイル名のマッピング フック名やファイル名の好み、分割粒度などユーザーの方針判断が必要な箇所があれば、 ここでAskUserQuestionを使って確認します。 ### 段階的に編集する 合意が取れたらEdit/Writeでリファクタリングを行います。次の順序で進めると壊れにくいです。 …
Read the whole file at its exact version.
How to install
mdr add ncaq/konoka/react-refactor-component@sha256:2cf28f1bed8fc090The line at the top of this page pins the label git:20260409.426142b, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_ub6o6zerp5saw7gf)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, all committed on Apr 9, 2026.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260409.426142b latest | 2026-04-09 | 426142b | 5,146 B | A | view · diff |
| git:20260409.878b686 | 2026-04-09 | 878b686 | 5,110 B | A | view · diff |
| git:20260409.6264da0 | 2026-04-09 | 6264da0 | 5,095 B | A | view · diff |
| git:20260409.f28ecbe | 2026-04-09 | f28ecbe | 4,839 B | A | view · diff |
| git:20260409.3c1ebaf | 2026-04-09 | 3c1ebaf | 9,322 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (5146 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
ncaq/konoka · 3 stars · license Apache-2.0 · pushed 2026-10-19 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_ub6o6zerp5saw7gf GET https://markdownregistry.com/api/v1/resolve?ref=ncaq/konoka/react-refactor-component GET https://markdownregistry.com/api/v1/blob/2cf28f1bed8fc0900708928481097c339eead674499df3330af2d8a41fdd20d0
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.