📦
memory-management
78AIコーディングメモリを管理
AIコーディングセッションでは、好み、決定事項、修正履歴が失われがちです。このスキルは、Claude、Codex、Claude Code に、持続的なプロジェクトコンテキストのための構造化されたメモリ運用を提供します。
コーディング＆開発 表示
スキル frontend-dev-guidelines
📦
frontend-dev-guidelines
コンテンツリビジョン r1 安全 ⚡ スクリプトを含む⚙️ 外部コマンド📁 ファイルシステムへのアクセス🌐 ネットワークアクセス
共有ガイドラインで Next.js フロントエンドを構築
フロントエンドチームには、ページ、コンポーネント、フォーム、データ取得全体で一貫した React と Next.js のパターンが必要です。このスキルは、shadcn/ui、Tailwind、Supabase、ルーティング、パフォーマンス、TypeScript に関する実践的なガイダンスを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "frontend-dev-guidelines" from https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines.md and its manifest at https://skillstore.io/api/skills/dojocodinglabs-frontend-dev-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「frontend-dev-guidelines」を使用しています。 サーバーデータと読み込み状態を備えたプロフィールページを作成してください。
期待される結果:
ルート配置、データ取得の選択、metadata の要件、読み込み UI、コンポーネントの責務を含む簡潔な実装計画。
「frontend-dev-guidelines」を使用しています。 ガイドラインとの一貫性について React フォームをレビューしてください。
期待される結果:
バリデーション、制御フィールド、送信処理、エラー表示、再利用可能な shadcn/ui コンポーネントを網羅する焦点を絞ったチェックリスト。
「frontend-dev-guidelines」を使用しています。 チャートとテーブルを読み込む遅いルートを改善してください。
期待される結果:
重いコンポーネントの遅延読み込み、Suspense 境界の配置、高コストな値のメモ化、不要なクライアントコンポーネントの回避に関する推奨事項。
セキュリティ監査
安全v8 • 2026/7/6 バージョン別レポートを開く
All 153 static findings are adjudicated as false positives. The flagged items are Markdown examples or TypeScript and React patterns such as dynamic imports, template literals, relative imports, axios examples, same-origin fetches, and UI grid text. No prompt injection, data exfiltration intent, shell execution, or unsafe filesystem behavior was found in the reviewed skill content.
11
スキャンされたファイル
5,535
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚡ スクリプトを含む (19)
resources/complete-examples.md:301 resources/complete-examples.md:504 resources/complete-examples.md:505 resources/complete-examples.md:506 resources/complete-examples.md:613 resources/component-patterns.md:65 resources/component-patterns.md:70 resources/component-patterns.md:86 resources/component-patterns.md:134 resources/component-patterns.md:370 resources/component-patterns.md:491 resources/loading-and-error-states.md:38 resources/performance.md:377 resources/performance.md:383 resources/routing-guide.md:56 resources/routing-guide.md:99 resources/routing-guide.md:111 resources/routing-guide.md:323 resources/routing-guide.md:354
⚙️ 外部コマンド (45)
resources/complete-examples.md:85-146 resources/complete-examples.md:192-207 resources/complete-examples.md:207-212 resources/complete-examples.md:212-215 resources/complete-examples.md:309-327 resources/data-fetching.md:227-237 resources/data-fetching.md:237-252 resources/data-fetching.md:252-262 resources/data-fetching.md:262-265 resources/data-fetching.md:406-408 resources/file-organization.md:137-145 resources/typescript-standards.md:72-81 resources/typescript-standards.md:81-83 SKILL.md:19 SKILL.md:46 SKILL.md:49 SKILL.md:50 SKILL.md:57 SKILL.md:61 SKILL.md:69-78 SKILL.md:78-82 SKILL.md:82-93 SKILL.md:93-97 SKILL.md:97-122 SKILL.md:122-126 SKILL.md:126-144 SKILL.md:144-148 SKILL.md:148-162 SKILL.md:162-166 SKILL.md:166-195 SKILL.md:195-199 SKILL.md:199-219 SKILL.md:219-225 SKILL.md:225-260 SKILL.md:260-287 SKILL.md:287-316 SKILL.md:316-324 SKILL.md:324-333 SKILL.md:333-336 SKILL.md:336-340 SKILL.md:340-345 SKILL.md:345-349 SKILL.md:349-367 SKILL.md:367-371 SKILL.md:371-385
📁 ファイルシステムへのアクセス (28)
resources/complete-examples.md:20 resources/complete-examples.md:188 resources/complete-examples.md:221 resources/complete-examples.md:222 resources/complete-examples.md:338 resources/complete-examples.md:392 resources/complete-examples.md:548 resources/complete-examples.md:549 resources/complete-examples.md:753 resources/complete-examples.md:754 resources/complete-examples.md:755 resources/complete-examples.md:816 resources/component-patterns.md:199 resources/data-fetching.md:24 resources/data-fetching.md:70 resources/data-fetching.md:219 resources/data-fetching.md:308 resources/data-fetching.md:513 resources/data-fetching.md:544 resources/data-fetching.md:545 resources/data-fetching.md:631 resources/file-organization.md:237 resources/file-organization.md:238 resources/file-organization.md:395 resources/file-organization.md:396 resources/loading-and-error-states.md:300 resources/loading-and-error-states.md:339 resources/loading-and-error-states.md:365
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dojocodinglabs-frontend-dev-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/dojocodinglabs-frontend-dev-guidelines.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
DojoCodingLabs. (2026). frontend-dev-guidelines security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines/audits/8BibTeX形式の引用
@techreport{dojocodinglabs-dojocodinglabs-frontend-dev-guidelines-2026,
author = {DojoCodingLabs},
title = {frontend-dev-guidelines security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-dev-guidelines security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "DojoCodingLabs"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dojocodinglabs-frontend-dev-guidelines/audits/8"
identifiers:
- type: other
value: "skillstore:dojocodinglabs-frontend-dev-guidelines:audit:8"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 7 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
BrianDai22 推奨
briandai22-frontend-dev-guidelines
Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 15
更新済み
2026-09-09
0chan-smc-frontend-dev-guidelines
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 194
更新済み
2026-09-09
sickn33-frontend-dev-guidelines
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 11
更新済み
2026-09-09
dojocodinglabs-frontend-dev-guidelines
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 11
更新済み
2026-09-09
dimon94-frontend-dev-guidelines
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 9
更新済み
2026-09-09
diet103-frontend-dev-guidelines
Skillstore スコア 78
証拠の信頼度 高
Skillstore 利用状況 9
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
71
コミュニティ
83
仕様準拠
作成できるもの
機能ページを作成する
ガイドラインを使用して、データ取得、読み込み状態、エラー、型付けされたコンポーネント構造を備えたページを構築します。
フロントエンドアーキテクチャを標準化する
規約を使用して、フォルダ、コンポーネント、import、フォーム、データレイヤーパターンについてチームの足並みを揃えます。
AI によるフロントエンド変更をガイドする
Claude、Codex、Claude Code に、Next.js と React のタスク向けの明確な実装ルールを提供します。
これらのプロンプトを試す
ページを作成する
frontend-dev-guidelines スキルを使用して、ダッシュボードリスト用の Next.js App Router ページを作成します。loading、error、metadata、型付けされた props を含めてください。
フォームを構築する
frontend-dev-guidelines スキルを使用して、Zod バリデーションと shadcn/ui フィールドを備えた React Hook Form を設計します。コンポーネント境界を説明してください。
データ取得をリファクタリングする
frontend-dev-guidelines スキルを使用して、この機能をクライアント側取得から、より安全な Server Components または TanStack Query パターンへリファクタリングします。
機能モジュールを計画する
frontend-dev-guidelines スキルを使用して、routes、components、API helpers、loading states、errors、TypeScript types を含む完全な機能モジュールを計画します。
ベストプラクティス
- デフォルトでは Server Components を使用し、hooks、ブラウザ API、イベントが必要な場合にのみクライアントコンポーネントを追加します。
- React Hook Form、Zod schemas、明確なバリデーションメッセージでフォームを型付けされた状態に保ちます。
- 読み込み、エラー、Suspense 境界は、それらを必要とするデータまたはコンポーネントの近くに追加します。
回避
- ブラウザ専用の必要性がないのに、すべてのコンポーネントに use client を追加すること。
- 共有された shadcn/ui と Tailwind パターンを使用せずに、その場限りの UI を作成すること。
- Server Component またはクエリキャッシュのほうが適している場合に、サーバーデータをクライアント状態へ取得すること。
よくある質問
このスキルに最も適したプロジェクトはどれですか？
TypeScript、shadcn/ui、Tailwind CSS、最新のデータ取得を使用する Next.js と React アプリケーションに適しています。
Supabase なしで使用できますか？
はい。アーキテクチャとコンポーネントのガイダンスは引き続き適用できますが、Supabase の例は調整が必要です。
本番コードを自動的に書きますか？
いいえ。AI アシスタントまたは開発者が従うための実装ガイダンスと例を提供します。
Claude Code と Codex をサポートしていますか？
はい。メタデータには、サポート対象ツールとして Claude、Codex、Claude Code が記載されています。
アクセシビリティテストは含まれていますか？
UI 構造のガイダンスは含まれていますが、自動アクセシビリティテストは実行しません。
なぜ shadcn/ui スキルに MUI の例があるのですか？
一部のリソースには、関連スタックからのより広範なフロントエンドパターンが含まれています。適応可能な例として扱ってください。
開発者情報
作成者
DojoCodingLabsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
72d5025b022c77f7a51bdf5c1637c689c80e89d1
メンテナンスの新しさ
2026/7/24
利用状況
6 ダウンロード · 270 閲覧
DojoCodingLabs のその他のスキル
すべて表示📦
skill-developer
78Claude Code スキルを構築する
チームには、壊れやすいアクティベーションルールに頼らずに Claude Code スキルを作成するための、再利用可能なガイダンスが必要です。このスキルでは、トリガー、フック、ガードレール、メモリパターン、トラブルシューティング手順を説明します。
コーディング＆開発 表示
📦
plan-approval
78実行前にAIコーディング計画を制御する
複雑なAIコーディング変更は進行が速すぎて、避けられるリスクを生む可能性があります。このスキルは、Claude、Codex、Claude Codeに、実行開始前の構造化された承認ワークフローを提供します。
コーディング＆開発 表示
📦
context-persistence
77AIコーディングセッション間でプロジェクトコンテキストを保持する
長時間のAIコーディングセッションでは、リセット後に意思決定、進捗、次のステップが失われることがあります。このスキルは、Claude、Codex、Claude Code向けにコンテキストを保持するウェイポイントファイルを定義します。
生産性 表示
📦
backend-dev-guidelines
70ガードレール付きで Supabase バックエンドを構築
バックエンドチームには、安全な Supabase サービスのための再現可能なパターンが必要です。このスキルは、Edge Functions、PostgreSQL、RLS、バリデーション、テスト、デプロイに関する実践的なガイダンスを提供します。
コーディング＆開発 表示
関連スキル
すべて表示📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
vercel-react-view-transitions
82React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
📦
vercel-react-best-practices
80React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
コーディング＆開発 表示
📦
senior-fullstack
82シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コーディング＆開発 表示
📦
react-dev
82型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
コーディング＆開発 表示
📦
vue-options-api-best-practices
81Vue Options API コンポーネントを改善する
作成者 vuejs-ai
Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。
コーディング＆開発 表示