frontend-aesthetics
79フロントエンドのビジュアルデザインを改善
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
Drizzle PostgreSQL パターンの構築
チームには、PostgreSQL プロジェクト向けの一貫した Drizzle ORM パターンが必要です。このスキルは、スキーマ、リレーション、クエリ、ミューテーション、トランザクション、マイグレーションの例を提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "drizzle-patterns" from https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-drizzle-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「drizzle-patterns」を使用しています。 PostgreSQL アプリ向けの Drizzle user スキーマを作成してください。
期待される結果:
UUID 主キー、一意の email、profile フィールド、タイムスタンプ、推論された TypeScript モデルのガイダンスを含む users テーブル計画。
「drizzle-patterns」を使用しています。 posts を持つ verified users をクエリする方法を示してください。
期待される結果:
リレーション読み込み、verified-email フィルター、新しい順の並べ替え、小さな結果上限を使用するクエリアプローチ。
「drizzle-patterns」を使用しています。 新しい profiles テーブルのマイグレーションを計画してください。
期待される結果:
The static command findings are Markdown code fence matches or sample Drizzle Kit CLI commands, not embedded execution logic. Environment findings only show standard process.env.DATABASE_URL use in examples with no secret disclosure, file access, network exfiltration, or prompt injection evidence.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-drizzle-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-drizzle-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barnhardt-Enterprises-Inc. (2026). drizzle-patterns security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-drizzle-patterns-2026,
author = {Barnhardt-Enterprises-Inc},
title = {drizzle-patterns security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8},
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: "drizzle-patterns security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-drizzle-patterns/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-drizzle-patterns:audit:8"
description: "Skillstore immutable audit report identifier"
新しい TypeScript アプリケーション向けに、一貫したスキーマ、リレーション、クライアントのパターンを作成します。
プロジェクトのクエリを、フィルター、並べ替え、リレーション読み込みのためのシンプルな Drizzle パターンと比較します。
データベースマイグレーションの生成、適用、確認に使う一般的な Drizzle Kit コマンドを文書化します。
drizzle-patterns を使用して、推論型を含む PostgreSQL の user スキーマの概要を示してください。各フィールドを選んだ理由を平易な言葉で説明してください。
drizzle-patterns を使用して、users と posts の間のリレーションを設計してください。各リレーションと参照フィールドの目的を含めてください。
drizzle-patterns を使用して、これらの Drizzle クエリをフィルタリング、並べ替え、リレーション読み込み、戻り値の形状の一貫性の観点からレビューしてください。
drizzle-patterns を使用して、新しいテーブル向けの安全なマイグレーションワークフローを計画してください。生成、レビュー、適用、ロールバックの考慮事項を含めてください。
ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
メンテナンスの新しさ
2026/7/20
利用状況
6 ダウンロード · 246 閲覧
ファイル構成
📄 SKILL.md
フロントエンドのビジュアルデザインを改善
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
テスト駆動開発ワークフローを徹底する
チームはテストを省略したり、実装後に書いたりしがちです。このスキルは、Claude、Codex、Claude Code にテストファーストのデリバリーを案内します。
セキュリティリスクを検出するコード監査
セキュリティに関わるコードは、認証、入力処理、シークレットに潜む欠陥を抱えたまま出荷されやすいものです。このスキルは、Claude、Codex、Claude Code に構造化されたセキュリティリファレンスとスキャナーのガイダンスを提供し、より安全なレビューを支援します。
厳格なTypeScriptを安全に書く
TypeScriptプロジェクトは、実行時の欠陥を隠す安全でないパターンに流れてしまうことがあります。このスキルは、Claude、Codex、Claude Codeを、より厳格な型の使用、より明確なエラー、より安全な絞り込みへ導きます。
AIコーディングの品質ゲートを徹底する
AI支援によるコーディングでは、テスト、セキュリティチェック、リリース基準が見落とされることがあります。このスキルは、Claude、Codex、Claude Codeに、より安全なデリバリーのための段階的なチェックリストを提供します。
アクセシブルな ShadCN UI コンポーネントを構築する
React チームには、フォーム、ダイアログ、テーブル、アクセシブルなコントロールのための一貫した ShadCN パターンが必要です。このスキルは、Claude、Codex、Claude Code を Radix コンポーネント、Tailwind ユーティリティ、検証プラクティスへと導きます。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
starknet.js で Starknet アプリを構築
作成者 internet-court
Starknet 統合では、プロバイダー、アカウント、トランザクション、手数料を正確に処理する必要があります。このスキルは、Claude、Codex、Claude Code に実践的な starknet.js v9 パターンを提供します。
Vue 3 のコード品質を向上
作成者 vuejs-ai
Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。
信頼性の高いバックエンド API を構築する
作成者 alirezarezvani
バックエンドプロジェクトでは、多くの場合、API、データベース、セキュリティ、デプロイメントにわたる一貫した計画が必要です。このスキルは、シンプルなヘルパースクリプトとリファレンスを使って、Claude、Codex、Claude Code に構造化されたバックエンドガイダンスを提供します。
型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
Vue Options API コンポーネントを改善する
作成者 vuejs-ai
Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。