01
このSkillでできること
- ✓画面の操作をFonderieのフック、クライアントメソッド、ルート、ミドルウェアまで追跡する
- ✓UI操作とサーバー側の認証・ワークスペース・権限ガードの不一致を特定する
- ✓読み取りの単一情報源、ワークスペース切替、フォーム状態、書き込みエラーを確認する
- ✓ローディング、空、エラー、未検出、オフライン、i18n、アクセシビリティ状態を監査する
02
使い方
01
STEP 1
画面の各ボタン、スイッチ、フォームから呼び出し先のフック、クライアントメソッド、ルート、ミドルウェアを確認する
02
STEP 2
UIを表示する対象者とサーバーが許可する対象者を比較し、UI側とサーバー側の欠陥を分けて記録する
03
STEP 3
パッケージフックを使っているか、ワークスペース単位で読み取っているか、保存中の競合や失敗を扱っているか確認する
04
STEP 4
領域ごとに重大度、証拠のパスと行、担当者を付けた表で、未確認事項も含めて報告する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/fonderiejs/fonderie手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
npm install
npm run build # build all workspaces
npm test # run all tests
npm run docs:signatures # regenerate the skill's API reference from source04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
このReact画面をclient-wiring-auditの基準で監査してください。Fonderieフック、ルートの権限ガード、UI操作、ワークスペース切替、読み込み・空・エラー・確認・i18n・アクセシビリティ状態を確認し、重大度・証拠(パス:行)・担当者付きで報告してください。出力例を見る
| # | Severity | Finding | Evidence (path:line) | Owner |
|---|---|---|---|---|
| 1 | should-fix | UIは全員に操作を表示するが、サーバー側はマネージャーのみ許可している | `path/to/file.tsx:42` | app |
未確認: 実行テスト。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- shell: e: 'my-ap […truncated…] o CI can enforce freshness: ```sh npm run docs:signatures && git diff --exit-code .claude/skills/fonderie/SIGNATURES.md .cl
- network: R ──▶ automated npm publish ``` - Add a [changeset](https://github.com/changesets/changesets) on your branch for any user-facing change: `npx change
- network: rsion` then `npx changeset publish`. [fonderiejs.com](https://fonderiejs.com) · follow [@fonderiejs](https://x.com/fonderiejs) ## License MIT © Fonder
06
関連Skill
code-kit
code-kit
想 idea から可 delivery までを、要件・設計・実装・テスト・レビュー・統合の段階的な流れで進める開発ワークフロー。最少実装と証拠重視を徹底します。
評価確度:暫定開発ワークフロー要件定義設計
verify-wink
Verify Wink
WinkのWeb UIをデスクトップとスマートフォン画面で操作し、機能や修正をユーザー視点で検証してPASS/FAILの証跡を残します。
評価確度:暫定ai-agentsclaude-codecodex
od-contribute
od-contribute(OpenDesign貢献フロー)
OpenDesignへのSkill・デザインシステム提供、ドキュメント翻訳、誤字修正・ブログ作成、バグ報告を支援し、検証後にPRまたはIssueを作成します。
↗ 急上昇agent-skillsai-designdesign-systems