frontend-dev-guidelines
78一貫性のある React フロントエンドを構築
ルーティング、フェッチ、ローディング、スタイリングのアプリパターンがばらつくと、フロントエンドチームは時間を失います。このスキルは、Next.js、React、TypeScript、shadcn/ui、MUI、TanStack Query 向けの簡潔なガイドラインを提供します。
より良いClaudeスキルを作成する
スキル作成者には、ワークフローを有用なAIスキルに変えるための再現可能なプロセスが必要です。このスキルは、例、リソース計画、メタデータ、パッケージ化、反復改善のための明確な手順を提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "skill-creator" from https://skillstore.io/skills/bom-98-skill-creator.md and its manifest at https://skillstore.io/api/skills/bom-98-skill-creator/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「skill-creator」を使用しています。 I want a skill that helps with monthly finance reports.
期待される結果:
有用な結果としては、対象となるレポート作成ワークフローを定義し、再利用可能な財務スキーマreferencesを特定し、簡潔なSKILL.md手順を推奨します。
「skill-creator」を使用しています。 My SKILL.md is too long and includes many examples.
期待される結果:
有用な結果としては、詳細な例をreferenceファイルに移動し、SKILL.mdには重要な起動条件とワークフローガイダンスだけを残します。
「skill-creator」を使用しています。 I need to package a skill for another Claude instance.
期待される結果:
有用な結果としては、メタデータ、ファイル構成、任意のscripts、references、assets、検証手順、パッケージ化の準備状況を確認します。
The reviewed skill is a documentation-only guide for creating Claude skills. Static findings are false positives caused by Markdown code fences, inline code examples, documentation links, and safe environment-file guidance; no malicious intent, prompt injection, exfiltration, or executable payload was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/bom-98-skill-creator/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/bom-98-skill-creator?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/bom-98-skill-creator?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bom-98-skill-creator/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/bom-98-skill-creator.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>BOM-98. (2026). skill-creator security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/bom-98-skill-creator/audits/10@techreport{bom-98-bom-98-skill-creator-2026,
author = {BOM-98},
title = {skill-creator security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/bom-98-skill-creator/audits/10},
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-creator security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "BOM-98"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/bom-98-skill-creator/audits/10"
identifiers:
- type: other
value: "skillstore:bom-98-skill-creator:audit:10"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
89jobrien-skill-creator
2026-09-09
daviddworetzky-skill-creator
2026-09-09
cesaraugustusgrob-skill-creator
2026-09-09
cam10001110101-skill-creator
2026-09-09
astrabit-cpt-skill-creator
2026-09-09
abdullahmalik17-skill-creator
2026-09-09
langchain-ai-skill-creator
2026-09-09
daothihuong2111-skill-creator
2026-09-09
benderfendor-skill-creator
2026-09-09
chinchillaenterprises-skill-creator
2026-09-09
繰り返し行うドメイン業務を、明確なトリガー、ワークフロー、支援リソースを備えた構造化スキルに変換します。
現在のスキルについて、メタデータの品質、リソース構成、段階的開示をレビューします。
別のClaudeインスタンスが専門的な作業を一貫して実行できるように、scripts、references、assetsを整理します。
Help me plan a new Claude skill for [task]. Ask only the most important questions first, then suggest the SKILL.md structure and resources.
Here are example requests for a skill: [examples]. Identify which scripts, references, and assets should be included, and explain why.
Review this skill name and description for activation quality: [metadata]. Make it concise, specific, and third-person.
Review this skill package outline: [outline]. Check progressive disclosure, resource placement, SKILL.md length, packaging readiness, and iteration risks.
作成者
BOM-98ライセンス
Complete terms in LICENSE.txt
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
メンテナンスの新しさ
2026/7/18
利用状況
7 ダウンロード · 309 閲覧
ファイル構成
📄 SKILL.md
一貫性のある React フロントエンドを構築
ルーティング、フェッチ、ローディング、スタイリングのアプリパターンがばらつくと、フロントエンドチームは時間を失います。このスキルは、Next.js、React、TypeScript、shadcn/ui、MUI、TanStack Query 向けの簡潔なガイドラインを提供します。
APIクライアントとエンドポイントを整理する
APIコードは、クライアント、URL、型の間で一貫性を失いがちです。このスキルは、エンドポイント、クライアント、認証、ロールチェックのための再利用可能なTypeScript構造を提供します。
Next.js に Supabase Authentication を実装する
Next.js と Supabase における認証フローは、ページ、アクション、テナント間で一貫しなくなることがあります。このスキルは、ルート保護、ロール、OAuth、ファミリーベースのデータ分離のためのサーバーサイドパターンを提供します。
効果的なAIスキルを作成する
作成者 notedit
チームには、不要なコンテキストを増やさずに有用なAIスキルを構築するための再現可能なガイダンスが必要です。このスキルは、スキルの計画、作成、検証、パッケージ化のための体系的なプロセスを提供します。
構造化された文書でソフトウェアプロジェクトを計画する
作成者 Dwsy
ソフトウェアプロジェクトは、要件、設計上の選択、タスクが不明確な場合によく失敗します。このスキルは、プロジェクトのアイデアを Claude、Codex、Claude Code のワークフロー向けの構造化された計画文書に変換します。
バイリンガルの GitHub リリース README を生成
作成者 ZhanlinCui
チームが英語と中国語の README を必要とする場合、リリースドキュメントの作成には時間がかかります。このスキルは、リポジトリのメタデータとガイド付き設定から、構造化されたバイリンガル README を生成します。
サービスアーキテクチャを可視化
作成者 AstraBit-CPT
メタデータが複数のリポジトリに分散していると、分散サービスの理解は難しくなります。このスキルはカタログメタデータを集約し、アーキテクチャレビュー用の図、表、要約を作成します。
人間がすぐに読める AI ドキュメントを作成
作成者 Brownbull
詳細な AI コンテキストファイルは、手早く人がレビューするには長すぎることがよくあります。このスキルは、それらを要約、クイックスタート、Mermaid ビジュアルガイドに変換します。
FlowGramコンポーネントドキュメントの作成
作成者 bytedance
FlowGram materialコンポーネントには、一貫したドキュメント、実行可能なStory例、API表、バイリンガルレビュー手順が必要です。このスキルは、Claude、Codex、Claude Codeがこれらのアセットを作成するための構造化されたワークフローを提供します。