frontend-dev-guidelines
78React TypeScript フロントエンドを一貫して構築する
React プロジェクトでは、データ取得、ルーティング、スタイリング、ファイル構成がばらつきがちです。このスキルは、Claude、Codex、Claude Code が適用すべき明確なフロントエンドパターンを提供します。
Claude Code Skillsを確実に作成する
トリガー、フック、ルールが複数のファイルに分散していると、skillsの構築ではミスが起こりがちです。このskillは、Claude Code skillsの作成、テスト、トラブルシューティングのための構造化されたガイダンスを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "skill-developer" from https://skillstore.io/skills/diet103-skill-developer.md and its manifest at https://skillstore.io/api/skills/diet103-skill-developer/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「skill-developer」を使用しています。 データベース移行ガイダンス用のskillを作成してください。
期待される結果:
「skill-developer」を使用しています。 フロントエンドのプロンプトでトリガーされないskillをトラブルシューティングしてください。
期待される結果:
「skill-developer」を使用しています。 編集ブロック用に提案されたガードレールskillをレビューしてください。
期待される結果:
All static detections appear to be false positives from Markdown examples, inline code, or Claude Code configuration paths. No evidence found for prompt injection, credential access, network exfiltration, hidden execution, or system reconnaissance intent. The skill includes optional local test commands, so users should review commands before running them.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/diet103-skill-developer/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/diet103-skill-developer?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/diet103-skill-developer?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/diet103-skill-developer/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/diet103-skill-developer.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>diet103. (2026). skill-developer security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/diet103-skill-developer/audits/7@techreport{diet103-diet103-skill-developer-2026,
author = {diet103},
title = {skill-developer security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/diet103-skill-developer/audits/7},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "skill-developer security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "diet103"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/diet103-skill-developer/audits/7"
identifiers:
- type: other
value: "skillstore:diet103-skill-developer:audit:7"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
dojocodinglabs-skill-developer
2026-09-09
Claude Codeプロジェクトに追加する前に、skill名、frontmatter、トリガールール、テストケースを計画します。
skillがガイダンスを提案するタイミング、ユーザーに警告するタイミング、またはフックでリスクの高い編集をブロックするタイミングを文書化します。
提案が表示されない問題、広すぎる一致、無効なルールファイル、フック登録の問題を追跡します。
自分のトピック向けのClaude Code skillを作成するのを手伝ってください。名前、説明、トリガーキーワード、簡単なテスト計画を含めてください。
これらのskillトリガーをレビューして、誤検知と見逃しを確認してください。より安全なキーワード、意図パターン、ファイルパスパターンを提案してください。
Claude Code skillが有効化されません。ルール構文、フック登録、テストコマンド、よくある設定ミスを順に確認してください。
リスクの高いワークフロー向けのガードレールskillを設計してください。ブロックするタイミング、提案するタイミング、スキップ条件、検証手順を定義してください。
作成者
diet103ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
72d5025b022c77f7a51bdf5c1637c689c80e89d1
メンテナンスの新しさ
2026/7/18
利用状況
7 ダウンロード · 535 閲覧
React TypeScript フロントエンドを一貫して構築する
React プロジェクトでは、データ取得、ルーティング、スタイリング、ファイル構成がばらつきがちです。このスキルは、Claude、Codex、Claude Code が適用すべき明確なフロントエンドパターンを提供します。
Sentry エラー追跡を追加
アプリケーションチームには、サービス全体で一貫したエラー可視性が必要です。このスキルは、Claude、Codex、Claude Code に、キャプチャ、コンテキスト、パフォーマンス監視のための実践的な Sentry v8 パターンを提供します。
一貫性のある Node バックエンドサービスを構築する
バックエンドチームは、一貫性のないルート、サービス、バリデーション、モニタリングに悩まされることがよくあります。このスキルは、構造化された Node.js サービスのための実践的なパターンを提供します。
認証付きルートを安全にテストする
認証付きルートのテストは、トークン、Cookie、ルートプレフィックスが不明確だと失敗することがあります。このスキルは、API チェック、モック認証、レスポンス検証のための再現可能なローカルパターンを提供します。
Claude Codeエージェントを構築
作成者 C0ntr0lledCha0s
信頼性の高いAIエージェントを作成するには、明確なスキーマ、安全なツール、再現可能なレビュー手順が必要です。このスキルは、Claude Codeワークフローにおけるエージェントの設計、検証、移行、保守をガイドします。
Claude Code スラッシュコマンドを構築する
作成者 C0ntr0lledCha0s
チームには、呼び出しやレビューが簡単な再現性のあるAIワークフローが必要です。このスキルは、Claude Code スラッシュコマンドの作成、更新、検証、文書化を支援します。
Claude Codeエージェントの構築
作成者 Dami-Randle
信頼性の高いClaude Codeエージェントを設計するのは、構造がなければ困難です。このスキルは、エージェントのプロンプト、トリガー、ツール、メタデータのためのテンプレート、検証ルール、例を提供します。
一貫性のある GitHub Issue を作成する
作成者 C0ntr0lledCha0s
Issue のタイトル、ラベル、プロジェクトメタデータがリポジトリごとにばらつくと、チームは時間を失います。このスキルは、Claude、Codex、Claude Code が一貫性のある GitHub issue を作成できるように支援します。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
Claude Codeコンポーネントの品質を分析する
作成者 C0ntr0lledCha0s
チームはClaude Codeコンポーネントを公開する前に、一貫したレビューを必要としています。このスキルは、明確さ、権限、トリガー、セキュリティ、使いやすさを採点し、具体的な改善ガイダンスを提供します。