frontend-design
81個性的なフロントエンドインターフェイスを設計する
一般的な生成インターフェイスは、予測可能で弱い印象になりがちです。このスキルは、Claude、Codex、Claude Code が個性的で本番品質のフロントエンドデザインへ向かうよう導きます。
構造化レポートでコードベースを分析
チームが見慣れないリポジトリを変更する前にすばやく理解する方法が必要です。このスキルは、Claude、Codex、Claude Code に対して、構造、依存関係、アーキテクチャ、品質、セキュリティのチェックを案内します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "codebase-analysis" from https://skillstore.io/skills/atman36-codebase-analysis.md and its manifest at https://skillstore.io/api/skills/atman36-codebase-analysis/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「codebase-analysis」を使用しています。 機能開発の前に Next.js アプリを分析する。
期待される結果:
フレームワーク、アプリ構造、主要ライブラリ、テスト状況、品質リスク、推奨される最初の修正を示すレポート。
「codebase-analysis」を使用しています。 リファクタリング準備状況についてリポジトリをレビューする。
期待される結果:
アーキテクチャパターン、結合リスク、不足しているテスト、技術的負債、安全な次のステップを優先順位付きでまとめた要約。
「codebase-analysis」を使用しています。 フロントエンドプロジェクトの依存関係とセキュリティシグナルを評価する。
期待される結果:
パッケージマネージャー、ロックファイルの状態、監査コマンドのガイダンス、古いパッケージのシグナル、レビュー上の注意点を含む簡潔な依存関係概要。
Forty-eight static alerts are Markdown formatting or harmless file and tool references, so they are false positives. Two medium findings are confirmed because the skill directs an auto-invoked agent to execute repository-defined npm scripts. No prompt injection or data-exfiltration intent was found.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/atman36-codebase-analysis/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/atman36-codebase-analysis?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/atman36-codebase-analysis?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/atman36-codebase-analysis/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/atman36-codebase-analysis.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>AI-Vibe-Prompts. (2026). codebase-analysis security audit report (audit version 9) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/atman36-codebase-analysis/audits/9@techreport{ai-vibe-prompts-atman36-codebase-analysis-2026,
author = {AI-Vibe-Prompts},
title = {codebase-analysis security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/atman36-codebase-analysis/audits/9},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "codebase-analysis security audit report (audit version 9)"
version: "1.0.0"
type: report
authors:
- name: "AI-Vibe-Prompts"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/atman36-codebase-analysis/audits/9"
identifiers:
- type: other
value: "skillstore:atman36-codebase-analysis:audit:9"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
atman36-codebase-analysis
2026-09-09
doubleslashse-codebase-analysis
2026-09-09
consiliency-codebase-analysis
2026-09-09
機能開発を始める前に、プロジェクト種別、主要フォルダー、依存関係、初期リスクを簡潔に把握できるマップを作成します。
共有コードを変更する前に、アーキテクチャパターン、品質ギャップ、テストカバレッジのシグナル、想定されるリスク領域を特定します。
時間を区切ったリポジトリ評価のために、スタックの選択、依存関係の健全性、セキュリティシグナル、技術的負債を要約します。
このリポジトリを分析し、プロジェクト種別、主要ディレクトリ、技術、初期リスクを要約してください。パッケージスクリプトは実行しないでください。
このコードベースのアーキテクチャをレビューしてください。コンポーネントパターン、API 構造、状態管理、ファイル構成、より詳しく調査すべき領域を特定してください。
コード品質、lint 設定、テスト、TypeScript の厳格さ、依存関係の鮮度、既知の脆弱性シグナルを評価してください。プロジェクトスクリプトを実行するコマンドの前には確認してください。
このモジュールまたはパスを対象に、コードベース分析を実施してください。依存関係、所有境界、リスクの高いファイル、テストギャップ、段階的なリファクタリング計画をマッピングしてください。
作成者
AI-Vibe-Promptsライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
7 ダウンロード · 279 閲覧
ファイル構成
📄 SKILL.md
個性的なフロントエンドインターフェイスを設計する
一般的な生成インターフェイスは、予測可能で弱い印象になりがちです。このスキルは、Claude、Codex、Claude Code が個性的で本番品質のフロントエンドデザインへ向かうよう導きます。
Next.js パフォーマンスの最適化
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
実践的なテスト戦略を構築する
チームは、明確なスコープ、ツール、カバレッジ目標がないままテストを追加しがちです。このスキルは、Vitest、Playwright、CIテストのための実践的な計画を提供します。
チーム標準で Git ワークフローを管理する
チームが履歴を読みやすく保つには、一貫したコミット、ブランチ、レビュー習慣が必要です。このスキルは、Claude、Codex、Claude Code に実用的な Git ワークフローチェックリストを提供します。
リリース前のコード検証
チームには、コードをコミット、プッシュ、またはデプロイする前に再現可能なチェックが必要です。このスキルは、Claude、Codex、Claude Code に対して、lint、型チェック、テスト、ビルド、監査、コミットチェックの進め方を案内します。
スケーラブルなソフトウェアアーキテクチャを設計する
作成者 davila7
要件、トレードオフ、実装上の制約が分散していると、アーキテクチャ上の意思決定を比較するのは困難です。このスキルは、システム設計、技術選定、基本的なアーキテクチャレポート作成のための構造化されたリファレンスとヘルパースクリプトを提供します。
コードパターンとアーキテクチャを分析
作成者 C0ntr0lledCha0s
大規模なコードベースには、繰り返し現れる構造や不明瞭なアーキテクチャ上の選択が隠れています。このスキルはパターンを見つけ、その意図を説明し、実用的なリファクタリングの機会を明らかにします。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コードベースのエントロピーを削減する
作成者 softaworks
コードベースは、多くの場合、各変更が取り除く構造よりも多くの構造を追加するため、肥大化します。このスキルは、Claude、Codex、Claude Code に、より小さな最終設計のための削除優先のレビュー手法を提供します。
ストリーミング対応のマルチエージェントワークフローを構築
作成者 DNYoussef
逐次的なAIワークフローでは、ステップ間でコンテキストが失われることがよくあります。このスキルは、各結果を次のタスクへ渡すstream-chainパターンを定義します。