スキル frontend-dev-guidelines

📦

frontend-dev-guidelines

Name: frontend-dev-guidelines
Author: BrianDai22

コンテンツリビジョン r2 安全 ⚡ スクリプトを含む⚙️ 外部コマンド📁 ファイルシステムへのアクセス🌐 ネットワークアクセス

明確なパターンでReactフロントエンドを構築する

フロントエンドチームは、Reactのパターンやファイル構成の議論に時間を取られがちです。このスキルは、Claude、Codex、Claude Codeに対して、一貫したReact TypeScript作業のための明確なガイドラインを提供します。

対応: Claude Codex Code(CC)

🥉 79 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "frontend-dev-guidelines" from https://skillstore.io/skills/briandai22-frontend-dev-guidelines.md and its manifest at https://skillstore.io/api/skills/briandai22-frontend-dev-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/briandai22-frontend-dev-guidelines.md 署名済み manifest GET /api/skills/briandai22-frontend-dev-guidelines/manifest 署名済み lockfile GET /api/skills/briandai22-frontend-dev-guidelines/lockfile

テストする

「frontend-dev-guidelines」を使用しています。キャッシュされたデータと読み込み状態を備えたユーザーダッシュボードを作成する。

期待される結果:

API services、Suspense hooks、lazy dashboard sections、MUI layout、snackbar error handlingを分離した計画。

「frontend-dev-guidelines」を使用しています。プロジェクト規約に照らしてReact機能をレビューする。

期待される結果:

feature folders、import aliases、route setup、Suspense boundaries、MUI v7 Grid syntax、TypeScript issuesを網羅した簡潔なレビュー。

「frontend-dev-guidelines」を使用しています。従来のloading spinner patternをリファクタリングする。

期待される結果:

レイアウトを安定させたまま、early loading returnsからSuspenseLoaderまたはLoadingOverlayへ移行する道筋。

セキュリティ監査

安全

v9 • 2026/7/23 バージョン別レポートを開く

All 187 static alerts are false positives from Markdown and illustrative React or TypeScript snippets. The skill contains no executable scripts or prompt injection evidence. Dynamic imports, relative imports, and API calls are conventional frontend examples with fixed targets.

スキャンされたファイル

5,490

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚡ スクリプトを含む (22)

⚙️ 外部コマンド (50)

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:31 SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:37 SKILL.md:40 SKILL.md:46 SKILL.md:47 SKILL.md:48 SKILL.md:49 SKILL.md:50 SKILL.md:53 SKILL.md:61 SKILL.md:62 SKILL.md:63 SKILL.md:64 SKILL.md:72-96 SKILL.md:96-105 SKILL.md:105-106 SKILL.md:106-107 SKILL.md:107-125 SKILL.md:125-129 SKILL.md:129-130 SKILL.md:130-132 SKILL.md:132 SKILL.md:141-142 SKILL.md:142-145 SKILL.md:145-153 SKILL.md:153-162 SKILL.md:162-163 SKILL.md:163-166 SKILL.md:166-167 SKILL.md:167-168 SKILL.md:168-171 SKILL.md:171-174 SKILL.md:174-183

📁 ファイルシステムへのアクセス (30)

🌐 ネットワークアクセス (5)

resources/data-fetching.md:269 resources/data-fetching.md:453 resources/data-fetching.md:461 resources/performance.md:224 SKILL.md:130

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/briandai22-frontend-dev-guidelines/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/briandai22-frontend-dev-guidelines/security.svg)](https://skillstore.io/skills/briandai22-frontend-dev-guidelines?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/briandai22-frontend-dev-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/briandai22-frontend-dev-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/briandai22-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形式の引用

BrianDai22. (2026). frontend-dev-guidelines security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/briandai22-frontend-dev-guidelines/audits/9

BibTeX形式の引用

@techreport{briandai22-briandai22-frontend-dev-guidelines-2026,
  author = {BrianDai22},
  title = {frontend-dev-guidelines security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/briandai22-frontend-dev-guidelines/audits/9},
  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 9)"
version: "unspecified"
type: report
authors:
  - name: "BrianDai22"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/briandai22-frontend-dev-guidelines/audits/9"
identifiers:
  - type: other
    value: "skillstore:briandai22-frontend-dev-guidelines:audit:9"
    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

0chan-smc-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 194

更新済み

2026-09-09

BOM-98

bom-98-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 12

更新済み

2026-09-09

sickn33

sickn33-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 11

更新済み

2026-09-09

DojoCodingLabs

dojocodinglabs-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 11

更新済み

2026-09-09

Dimon94

dimon94-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 9

更新済み

2026-09-09

diet103

diet103-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 9

更新済み

2026-09-09

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

新機能を作成する

feature structure、API service、route、component patternsを使用して、一貫したReact機能を構築します。

コードレビューを標準化する

Suspense、imports、MUI styling、TypeScript safetyに関する共有ルールに照らしてpull requestsを比較します。

AIコーディングセッションをガイドする

コードを生成または編集する前に、Claude、Codex、またはClaude Codeへプロジェクト固有のフロントエンド規約を与えます。

これらのプロンプトを試す

コンポーネントを作成する

frontend-dev-guidelinesを使用して、[feature]のReact TypeScriptコンポーネントを作成してください。component checklist、SuspenseLoader pattern、MUI v7 sx stylingに従ってください。

データ取得を追加する

data fetching guideを使用して、[entity]のuseSuspenseQuery hookを設計してください。query keys、cache-first behavior、mutation handling、user-facing errorsを含めてください。

機能をリファクタリングする

[feature path]をfile organization、routing、styling、performance、TypeScript standardsに照らしてレビューしてください。範囲を絞った変更を推奨し、安全なものを実装してください。

完全なワークフローを構築する

すべてのfrontend-dev-guidelinesリソースを使用して、[workflow]を構築してください。feature folders、API service、route、lazy loading、Suspense boundaries、MUI styles、focused testsを含めてください。