スキル frontend-dev-guidelines

📦

frontend-dev-guidelines

Name: frontend-dev-guidelines
Author: Dimon94

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

建置現代 React 前端

前端團隊需要一致的 React、TypeScript、路由、資料擷取與載入狀態模式。此技能提供實用指引與範例，用於建置可維護的前端功能。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

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

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

エージェントリクエスト

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

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

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

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

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

テストする

「frontend-dev-guidelines」を使用しています。 Create a user details page with data loading and edit feedback.

期待される結果:

一份功能規劃，包含 route placement、typed API service methods、以 Suspense wrapped component、mutation flow、snackbar feedback 與 cache invalidation steps。

「frontend-dev-guidelines」を使用しています。 Review a dashboard component that fetches several datasets.

期待される結果:

一份精簡檢視，涵蓋 query placement、parallel data loading、memoization needs、layout stability、MUI Grid syntax 與 cleanup recommendations。

「frontend-dev-guidelines」を使用しています。 Organize a new posts feature in an existing React app.

期待される結果:

一份資料夾大綱，包含 API、components、hooks、helpers、types、public exports、route files 與 import alias guidance。

セキュリティ監査

安全

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

The static findings were reviewed against the skill files and are false positives from Markdown documentation and fixed frontend examples. The dynamic imports are React code-splitting examples, path traversal detections are import paths or documentation links, and network references are local application API client guidance. No prompt injection, malicious intent, data exfiltration, or executable installer behavior was found.

スキャンされたファイル

5,490

解析済み行数

レビュー項目

誤検知を無視

リスク要因

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

⚙️ 外部コマンド (68)

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 SKILL.md:183-185 SKILL.md:185-189 SKILL.md:189-199 SKILL.md:199-209 SKILL.md:209-219 SKILL.md:219-224 SKILL.md:224-225 SKILL.md:225-226 SKILL.md:226-235 SKILL.md:235-236 SKILL.md:236-237 SKILL.md:237-248 SKILL.md:248-250 SKILL.md:250-263 SKILL.md:263-316 SKILL.md:316-345 SKILL.md:345-351 SKILL.md:351-386

📁 ファイルシステムへのアクセス (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/dimon94-frontend-dev-guidelines/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

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

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

BibTeX形式の引用

@techreport{dimon94-dimon94-frontend-dev-guidelines-2026,
  author = {Dimon94},
  title = {frontend-dev-guidelines security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/dimon94-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: "Dimon94"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dimon94-frontend-dev-guidelines/audits/8"
identifiers:
  - type: other
    value: "skillstore:dimon94-frontend-dev-guidelines:audit:8"
    description: "Skillstore immutable audit report identifier"

バリアントを比較

インストール可能なバリアント 7 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高

作者 / ソース Skillstore スコア証拠の信頼度 Skillstore 利用状況更新済み

BrianDai22 推奨

briandai22-frontend-dev-guidelines

Skillstore スコア 79

証拠の信頼度高

Skillstore 利用状況 20

更新済み

2026-09-09

0Chan-smc

0chan-smc-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 200

更新済み

2026-10-11

DojoCodingLabs

dojocodinglabs-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 17

更新済み

2026-09-09

sickn33

sickn33-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 16

更新済み

2026-09-09

BOM-98

bom-98-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 16

更新済み

2026-09-09

Dimon94 現在

dimon94-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 14

更新済み

2026-09-09

diet103

diet103-frontend-dev-guidelines

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 13

更新済み

2026-09-09

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

建立功能模組

規劃新的功能資料夾，包含 API services、components、hooks、helpers、types 與 route files。

標準化團隊模式

根據共享的前端慣例，檢視 component、routing、styling 與 data fetching 的選擇。

現代化舊版畫面

將較舊的 loading、query 與 layout 模式重構為 Suspense、typed services 與穩定版面配置。

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

建立基本元件

Create a React TypeScript component for [purpose]. Follow the frontend guidelines for props, hooks, exports, MUI styling, and Suspense boundaries when needed.

新增資料擷取

Add TanStack Query data fetching for [entity]. Use useSuspenseQuery, a feature API service, typed return values, cache keys, and the project loading pattern.

建置路由化功能

Design a complete feature for [workflow]. Include folder structure, route file, lazy loading, API service, types, components, and user notifications.

檢視前端架構

Review this frontend code for guideline compliance. Focus on file organization, Suspense usage, cache strategy, MUI v7 syntax, performance, and TypeScript standards.