frontend-components
79再利用可能なフロントエンドコンポーネントの構築
フロントエンドチームには、フレームワークをまたいだ一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Code が焦点の明確な再利用可能な UI コンポーネントを設計できるように支援します。
信頼性の高いバックエンドモデルを設計する
データベースモデルは、明確な命名、リレーション、制約がないと一貫性を失いがちです。このスキルは、Claude、Codex、Claude Code が一貫した ORM モデル設計を行えるようにガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "backend-models" from https://skillstore.io/skills/eis-its-backend-models.md and its manifest at https://skillstore.io/api/skills/eis-its-backend-models/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「backend-models」を使用しています。 プラン、ステータス、更新日、アカウント所有権を持つ顧客サブスクリプションのモデルを作成してください。
期待される結果:
サブスクリプションのフィールド、アカウントとのリレーション、ステータスバリデーション、更新日のインデックス、タイムスタンプ、推奨されるデータベース制約を含むモデル設計。
「backend-models」を使用しています。 顧客、支払い、配送、明細項目の情報を保存する注文モデルをレビューしてください。
期待される結果:
リレーションを分離し、必要な外部キーを特定し、インデックスを提案し、不足しているバリデーションやカスケードルールを指摘するレビュー。
「backend-models」を使用しています。 価格、在庫、カテゴリデータが混在している商品カタログモデルをリファクタリングしてください。
期待される結果:
明確なエンティティ、リレーション境界、整合性ルール、クエリヘルパーの推奨事項を含む正規化されたモデル計画。
The skill contains one confirmed filesystem finding. SKILL.md line 28 instructs the agent to follow a relative path that escapes the skill directory, which can pull unaudited instructions into the workflow.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/eis-its-backend-models/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-backend-models?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-backend-models?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-backend-models/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-backend-models.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). backend-models security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-backend-models/audits/10@techreport{eis-its-eis-its-backend-models-2026,
author = {EIS-ITS},
title = {backend-models security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-backend-models/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: "backend-models 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-backend-models/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-backend-models:audit:10"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
新しいバックエンドドメインエンティティのフィールド、リレーション、バリデーション、インデックス、タイムスタンプを定義します。
既存モデルをレビューし、不足している制約、外部キー、バリデーション、カスケード動作を特定します。
ActiveRecord、SQLAlchemy、Sequelize、Prisma のモデル変更、または ORM モデル変更全般を、共有されたバックエンド規約に合わせます。
[entity] のバックエンドモデルを作成してください。フィールド、データ型、必須のバリデーション、タイムスタンプ、基本的なインデックスを含めてください。
[entity] モデルを更新して [relationship] をサポートしてください。外部キー、制約、カスケード動作、バリデーションルールを含めてください。
これらの既存モデル要件をレビューし、より明確な命名、制約、クエリヘルパーを備えた、より整理されたモデル構造を提案してください。
このバックエンドモデル設計について、整合性の不足を監査してください。リレーション、インデックス、バリデーションルール、制約、スコープ、ライフサイクル動作を確認してください。
作成者
EIS-ITSライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/21
利用状況
8 ダウンロード · 191 閲覧
ファイル構成
📄 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 を安全なバリデーションパターンへ導きます。
Pydanticモデルファミリーを作成する
作成者 sickn33
APIプロジェクトには、一貫したリクエスト、レスポンス、更新、データベーススキーマが必要です。このスキルは、Claude、Codex、Claude CodeがPydantic v2のモデルファミリーを作成できるようにガイドします。
バックエンドのデータベースクエリを最適化
作成者 DevanB
バックエンドのクエリコードは、遅くなったり、安全でなくなったり、保守しにくくなったりしがちです。このスキルは、Claude、Codex、Claude Code が、より安全なパラメータ、eager loading、インデックス、キャッシュ、トランザクションを活用できるよう導きます。
信頼性の高いバックエンド API を構築する
作成者 alirezarezvani
バックエンドプロジェクトでは、多くの場合、API、データベース、セキュリティ、デプロイメントにわたる一貫した計画が必要です。このスキルは、シンプルなヘルパースクリプトとリファレンスを使って、Claude、Codex、Claude Code に構造化されたバックエンドガイダンスを提供します。
より優れたRESTおよびGraphQL APIを設計する
作成者 supercent-io
APIチームには、実装が始まる前に一貫した契約が必要です。このスキルは、リソース設計、リクエスト形式、エラー、バージョニング、ドキュメント作成を支援します。
モデルが確実に使用できるエージェントツールを設計する
作成者 muratcankoylan
エージェントツールは、説明、スキーマ、エラーメッセージが曖昧だと失敗します。このスキルは、より明確なツールAPI、より安全な統合、より良いテストのための実践的なパターンを提供します。
Convexコンポーネントを構築する
作成者 get-convex
Convexコンポーネントには、明確なデータ所有権、ラッパー関数、生成された型が必要です。このスキルは、Convexプロジェクトにおけるコンポーネントの設計、実装、配線、検証をガイドします。