frontend-components
79再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
明確なコードコメントを書く
不適切なコメントは古くなり、重要な設計意図を隠してしまいます。このスキルは、Claude、Codex、Claude Code が、明白ではないロジックを説明する簡潔なコメントを書くのに役立ちます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "global-commenting" from https://skillstore.io/skills/eis-its-global-commenting.md and its manifest at https://skillstore.io/api/skills/eis-its-global-commenting/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「global-commenting」を使用しています。 関数に、最近の移行中に変更されたと書かれたコメントがある。
期待される結果:
それを、移行によって導入された不変条件を説明する安定した説明に置き換えます。
「global-commenting」を使用しています。 複雑な権限チェックが、ユーザーロール、アカウント状態、feature flagsを組み合わせている。
期待される結果:
「global-commenting」を使用しています。 レビュアーが、すべてのヘルパーにdocstringが必要か尋ねている。
期待される結果:
呼び出し側が契約、副作用、境界に関する情報を必要とする場合にのみdocstringsを追加します。
The static filesystem finding is confirmed because SKILL.md references a parent-directory standards file outside the skill folder. No evidence of prompt injection or other semantic abuse was found in the scanned file, but the external reference makes the effective instructions unaudited.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/eis-its-global-commenting/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-commenting/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-commenting.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-commenting security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-commenting/audits/10@techreport{eis-its-eis-its-global-commenting-2026,
author = {EIS-ITS},
title = {global-commenting security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-global-commenting/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-commenting 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-commenting/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-global-commenting:audit:10"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
アルゴリズム、ビジネスルール、明白ではないトレードオフに対して簡潔なコメントを追加します。
保守作業中にコメントをレビューし、古くなったメモを長く有効な説明に置き換えます。
追加されたコメントが、読みやすいコードを重複して説明することなく意図を説明しているかを確認します。
このファイルをレビューし、コメントが長く有効なコンテキストを追加できる箇所を特定してください。コメントが不要な場合は、より良い名前や構造を優先してください。
この変更に含まれる既存のコメントをレビューしてください。古くなったコメント、一時的なコメント、最近の編集に焦点を当てたコメントを書き換えてください。
このモジュール内の明白ではないビジネスルールにコメントを追加してください。各行を言い換えるのではなく、意図、制約、トレードオフを説明してください。
関数、クラス、API全体で、このコンポーネントのコメント品質を監査してください。今後の変更に向けた簡潔なコメント方針を提案してください。
作成者
EIS-ITSライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 216 閲覧
ファイル構成
📄 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 を安全なバリデーションパターンへ導きます。
構造化された品質チェックでコードをレビューする
作成者 alirezarezvani
コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。
コンテキスト駆動開発を管理する
作成者 wshobson
AI支援プロジェクトでは、プロダクト目標、スタック選定、ワークフロールールが散在すると一貫性が失われます。このスキルは、Conductor のコンテキスト成果物を通じて Claude、Codex、Claude Code を導きます。
コーディングエージェントのワークフローを管理する
作成者 kiwi-phantomworks
タスク、スコープ、チェックが曖昧だと、コーディングエージェントのプロジェクトは方向性がぶれやすくなります。このスキルは、Claude、Codex、Claude Code の作業を範囲内に保ち、検証可能にするためのPMテンプレートとレビュー規則を提供します。
GitHubプルリクエストをより速くレビューする
作成者 Bind
コードレビューの調整では、GitHub CLIでの確認やコメントを繰り返し行う必要がよくあります。このskillは、トリアージ、ガイドライン参照、インラインフィードバックのためのPRレビュー支援機能を文書化しています。
React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
変更されたコードをセキュリティと品質の観点でレビュー
作成者 DavidDworetzky
コード変更には、セキュリティ、パフォーマンス、正確性のリスクが隠れていることがあります。このスキルは、OWASP と ORM のガイダンスに基づいて Git diff をレビューします。