スキル react-nextjs-development
📦
react-nextjs-development
v1.0.0 コンテンツリビジョン r1 安全 ⚙️ 外部コマンド
モダンなReactおよびNext.jsアプリを構築する
ReactおよびNext.jsプロジェクトでは、ルーティング、コンポーネント、スタイリング、データ、フォーム、テスト、デプロイ全体で一貫したセットアップ方針が必要になることがよくあります。このスキルは、Claude、Codex、Claude Codeに、モダンなフロントエンドアプリケーションを計画および構築するためのフェーズベースのワークフローを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "react-nextjs-development" from https://skillstore.io/skills/sickn33-react-nextjs-development.md and its manifest at https://skillstore.io/api/skills/sickn33-react-nextjs-development/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「react-nextjs-development」を使用しています。 Next.js、TypeScript、Tailwind CSS、Server Componentsを使って新しい分析ダッシュボードを計画してください。
期待される結果:
- 推奨されるプロジェクトタイプとルーティングアプローチ。
- TypeScript、Tailwind CSS、レイアウト、データ取得のためのフェーズ別セットアップチェックリスト。
- スキャフォールディング、App Routerパターン、UI設計向けの推奨コンパニオンスキル。
「react-nextjs-development」を使用しています。 既存のReact機能におけるフォームとバリデーションを改善してください。
期待される結果:
- React Hook FormとZodを使用したフォームワークフロー。
- バリデーション、エラー処理、送信、アクセシビリティレビューの手順。
- テスト、リンティング、レスポンシブ動作の品質ゲート。
「react-nextjs-development」を使用しています。 私のNext.jsアプリケーションを本番デプロイに向けて準備してください。
期待される結果:
- ビルド設定、バンドル最適化、テスト、パフォーマンス指標のためのリリースチェックリスト。
- Vercelのプレビュー環境および本番環境向けのデプロイ計画ガイダンス。
- 環境変数とアクセシビリティチェックのレビューリマインダー。
セキュリティ監査
安全v4 • 2026/7/7 バージョン別レポートを開く
All 55 static alerts are false positives caused by Markdown inline code and fenced prompt examples in SKILL.md. The skill is a React and Next.js workflow guide with no executable scripts, shell commands, network access, or prompt-injection text found.
1
スキャンされたファイル
230
解析済み行数
0
レビュー項目
0
誤検知を無視
リスク要因
⚙️ 外部コマンド (55)
SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:45-47 SKILL.md:47-49 SKILL.md:49-51 SKILL.md:51-56 SKILL.md:56-57 SKILL.md:57-58 SKILL.md:58-59 SKILL.md:59-69 SKILL.md:69-71 SKILL.md:71-73 SKILL.md:73-75 SKILL.md:75-77 SKILL.md:77-79 SKILL.md:79-84 SKILL.md:84-85 SKILL.md:85-86 SKILL.md:86-87 SKILL.md:87-97 SKILL.md:97-99 SKILL.md:99-101 SKILL.md:101-103 SKILL.md:103-108 SKILL.md:108-109 SKILL.md:109-110 SKILL.md:110-120 SKILL.md:120-122 SKILL.md:122-127 SKILL.md:127-128 SKILL.md:128-138 SKILL.md:138-140 SKILL.md:140-145 SKILL.md:145-146 SKILL.md:146-147 SKILL.md:147-157 SKILL.md:157-159 SKILL.md:159-164 SKILL.md:164-165 SKILL.md:165-166 SKILL.md:166-176 SKILL.md:176-178 SKILL.md:178-180 SKILL.md:180-182 SKILL.md:182-187 SKILL.md:187-188 SKILL.md:188-189 SKILL.md:189-199 SKILL.md:199-201 SKILL.md:201-226 SKILL.md:226-227 SKILL.md:227-228 SKILL.md:228-229
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/sickn33-react-nextjs-development/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/sickn33-react-nextjs-development?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/sickn33-react-nextjs-development?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-react-nextjs-development/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/sickn33-react-nextjs-development.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形式の引用
sickn33. (2026). react-nextjs-development security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/sickn33-react-nextjs-development/audits/4BibTeX形式の引用
@techreport{sickn33-sickn33-react-nextjs-development-2026,
author = {sickn33},
title = {react-nextjs-development security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/sickn33-react-nextjs-development/audits/4},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-nextjs-development security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-react-nextjs-development/audits/4"
identifiers:
- type: other
value: "skillstore:sickn33-react-nextjs-development:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
100
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
新しいフロントエンドプロジェクトを開始する
ワークフローを使用してReactまたはNext.jsを選択し、TypeScriptを設定し、初期プロジェクト構造を計画します。
フルスタックNext.jsデリバリーを調整する
フェーズを使用して、ルーティング、Server Components、API連携、フォーム、テスト、デプロイ作業を揃えます。
チームの実装手順を標準化する
品質ゲートとフェーズチェックリストを使用して、リリース前に作業をレビューします。
これらのプロンプトを試す
新しいアプリを計画する
このスキルを使用して、TypeScriptとTailwind CSSを使った新しいNext.js 14 App Routerプロジェクトを計画してください。セットアップの決定事項と最初の実装手順を一覧化してください。
コンポーネントアーキテクチャを設計する
このスキルを使用して、私のReactアプリケーションのコンポーネント階層を設計してください。レイアウトコンポーネント、再利用可能なUIコンポーネント、状態の境界、カスタムフックを含めてください。
データ、フォーム、バリデーションを追加する
このスキルを使用して、Next.js機能のデータ取得、API連携、フォーム、バリデーションを計画してください。ローディング状態、エラー、アクセシビリティチェックを含めてください。
テストとデプロイを準備する
このスキルを使用して、Next.jsアプリケーションのリリース計画を作成してください。ユニットテスト、エンドツーエンドテスト、パフォーマンスチェック、環境変数、Vercelデプロイを扱ってください。
ベストプラクティス
- プロジェクトファイルを生成する前に、フェーズ順をチェックリストとして使用します。
- プロンプトを適用する前に、フレームワークのバージョンと利用可能なコンパニオンスキルを確認します。
- 品質ゲートを実際のテスト、リンティング、アクセシビリティチェック、パフォーマンス測定と組み合わせます。
回避
- ワークフローを完全に生成済みのアプリケーションとして扱わないでください。
- Next.js、Tailwind CSS、またはテストツールを使用する際にバージョンチェックを省略しないでください。
- 環境変数、ビルド設定、本番権限を確認せずにデプロイしないでください。
よくある質問
このスキルは単独でファイルを作成しますか？
いいえ。AIコーディングアシスタント向けのワークフローガイダンスとプロンプトパターンを提供します。
どのフレームワークを対象としていますか？
App RouterとServer Componentsを使用するReactおよびNext.js 14+アプリケーションを対象としています。
Claude、Codex、Claude Codeで使用できますか？
はい。スキルメタデータには、Claude、Codex、Claude Codeがサポート対象ツールとして記載されています。
テストに関するガイダンスは含まれていますか？
はい。ユニットテスト、コンポーネントテスト、エンドツーエンドテスト、品質ゲートを扱います。
デプロイも扱っていますか？
はい。Vercelとプレビューデプロイに焦点を当てたビルドおよびデプロイフェーズを含みます。
既存のアプリケーションにも適していますか？
はい。個別のフェーズを適用して、コンポーネント、ルーティング、フォーム、テスト、またはデプロイ準備を改善できます。
開発者情報
作成者
sickn33ライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r1
リポジトリ
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/react-nextjs-development参照
9f814fc6a43fd99946f2da5e0df231c65a38bc76
メンテナンスの新しさ
2026/7/18
利用状況
9 ダウンロード · 101 閲覧
ファイル構成
📄 SKILL.md