frontend-components
79再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
技術スタックの意思決定を揃える
スタックに関する意思決定が分散していると、チームは競合するフレームワーク、サービス、ビルドツールを導入してしまう可能性があります。このスキルは、Claude、Codex、Claude Code が文書化された技術標準に従うように導きます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "global-tech-stack" from https://skillstore.io/skills/eis-its-global-tech-stack.md and its manifest at https://skillstore.io/api/skills/eis-its-global-tech-stack/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「global-tech-stack」を使用しています。 チェックアウト用に新しい決済 SDK を追加できますか?
期待される結果:
推奨: 要件上別の SDK が必要でない限り、承認済みの決済プロバイダーを使用してください。リスクには、ベンダーの重複、Webhook の重複、コンプライアンスレビューが含まれます。
「global-tech-stack」を使用しています。 新しい API ルートはどのテストフレームワークでカバーすべきですか?
期待される結果:
プロジェクトの既存の API テストフレームワークを使用してください。ルートの挙動に対する統合カバレッジを追加し、2 つ目の runner の導入は避けてください。
「global-tech-stack」を使用しています。 このサービスで新しいデータベースを使用すべきですか?
期待される結果:
スケール、データ形状、コンプライアンス上の要件によって変更が正当化されない限り、承認済みのデータベースから始めてください。採用前にトレードオフを文書化してください。
One static filesystem finding is confirmed because SKILL.md line 29 uses a ../../../ relative link that escapes the skill directory. The system reconnaissance finding is a false positive; line 3 describes technology decision guidance, not host reconnaissance. No prompt injection or other semantic threats were found in SKILL.md.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/eis-its-global-tech-stack/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-tech-stack?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-tech-stack?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-tech-stack/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-tech-stack.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>EIS-ITS. (2026). global-tech-stack security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-tech-stack/audits/10@techreport{eis-its-eis-its-global-tech-stack-2026,
author = {EIS-ITS},
title = {global-tech-stack security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-global-tech-stack/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: "global-tech-stack security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/eis-its-global-tech-stack/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-global-tech-stack:audit:10"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
アプリケーションに追加する前に、提案されたライブラリをプロジェクト標準と比較します。
新しいサービス、データベース、フレームワークに関する判断を、承認済みのスタックガイダンスと照合します。
新しいコントリビューターが、プロジェクトで期待されるツールやパターンを理解できるよう支援します。
global-tech-stack を使用して、[library] がこのプロジェクトに適合するかをレビューしてください。現在のスタック標準と比較し、懸念点を列挙してください。
global-tech-stack を使用して、[feature] のためのツールを選択してください。既存のフレームワーク、テストツール、ビルドプロセスに合う選択肢を推奨してください。
global-tech-stack を使用して、[service] との連携を計画してください。スタック規約、必要な設定領域、レビュー上のリスクを特定してください。
global-tech-stack を使用して、このスタック変更を監査してください: [proposal]。承認済みの標準と比較し、受け入れ、修正、却下のいずれかを推奨してください。
作成者
EIS-ITSライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/24
利用状況
7 ダウンロード · 207 閲覧
ファイル構成
📄 SKILL.md
再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
フロントエンドのアクセシビリティを改善する
フロントエンドチームは、日常的なUI作業の中で、キーボード、セマンティック、スクリーンリーダーに関する要件を見落としがちです。このスキルは、Claude、Codex、Claude Code がインターフェースの作成や編集を行う際にアクセシビリティチェックを適用できるよう支援します。
一貫したコーディングスタイルを適用
一貫性のないコードはレビューを遅らせ、保守を難しくします。このスキルは、Claude、Codex、Claude Code に対して、読みやすく一貫したコードを書くための明確なルールを提供します。
焦点を絞った振る舞いテストを書く
チームはしばしば、ユーザーの振る舞いではなく実装の詳細をなぞる壊れやすいテストを追加してしまいます。このスキルは、Claude、Codex、Claude Code が重要なワークフロー向けに焦点を絞ったテストを書くための指針を提供します。
一貫性のあるフロントエンドCSSを構築する
フロントエンドのスタイリングは、ファイル、コンポーネント、フレームワーク間で一貫性が失われがちです。このスキルは、Claude、Codex、Claude Code が一貫した CSS 手法とデザイントークンに従えるように導きます。
エントリーポイント全体で入力を検証する
入力検証は、フォーム、API、ビジネスルールの間で一貫性を失いがちです。このスキルは、Claude、Codex、Claude Code を安全なバリデーションパターンへ導きます。
プロジェクトアーキテクチャの分析
作成者 CloudAI-X
新しいコードベースは、反復可能なレビュー手順がないと理解するのが困難です。このスキルは、Claude、Codex、Claude Code に、スタック、アーキテクチャ、コマンド、規約を整理するための構造化されたワークフローを提供します。
シニアレベルのパターンでフルスタックアプリを構築
作成者 davila7
チームは、スタックの選択、プロジェクト設定、品質チェックの調整に時間を費やしがちです。このスキルは、Claude、Codex、Claude Code に再利用可能なフルスタック向けガイダンスとヘルパースクリプトを提供します。
Next.js App Routerアーキテクチャを計画する
作成者 89jobrien
Next.jsチームは、ルート、コンポーネント、データ読み込み、移行手順の選択に苦労することがあります。このスキルは、App Router、Server Components、パフォーマンスに関する構造化されたアーキテクチャ指針を提供します。
実践的なパターンで Python をリファクタリングする
作成者 wshobson
Python プロジェクトでは、複雑に絡み合ったクラス、混在した責務、早すぎる抽象化が蓄積されがちです。このスキルは、Claude、Codex、Claude Code がよりシンプルな構造、明確な境界、テストしやすいコンポーネントへ向かうよう導きます。
LangChain アプリケーションアーキテクチャを設計する
作成者 sickn33
LLM アプリケーションは、エージェント、メモリ、検索、ツールが増えるにつれて構造化が難しくなることがあります。このスキルは、LangChain の設計判断と本番環境向けチェックを支援します。
ビジネスロジックのためのコードベース分析
作成者 DoubleslashSE
既存システムでは、要件がコード、テスト、設定の中に隠れていることがよくあります。このスキルは、コード上の観察結果を明確なビジネス文書へ変換するための構造化された分析を支援します。