frontend-aesthetics
79フロントエンドのビジュアルデザインを改善
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
Zod バリデーションスキーマを構築する
バリデーションの不具合は、アプリケーション境界を弱くし、ユーザーエラーをわかりにくくします。このスキルは、TypeScript スキーマ、API バリデーション、変換、型付き結果のための実践的な Zod パターンを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "zod-validation-patterns" from https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-zod-validation-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「zod-validation-patterns」を使用しています。 ユーザーが、メール、パスワード、表示名、年齢ルールを含む登録バリデーションを求めています。
期待される結果:
このスキルは、フィールドルール、パスワード制約、年齢の範囲、安全なパースのガイダンス、推論された TypeScript 型を含むスキーマ設計を生成します。
「zod-validation-patterns」を使用しています。 ユーザーが、フォームエラーを一貫してレンダリングするのが難しい理由を尋ねています。
期待される結果:
このスキルは、整形済み Zod エラー、フィールド単位のメッセージマッピング、カスタムエラーテキスト、予測可能なレスポンス形状を推奨します。
「zod-validation-patterns」を使用しています。 ユーザーが、複数のイベントタイプからの webhook イベントを検証したいと求めています。
期待される結果:
このスキルは、discriminated unions、境界でのバリデーション、型付きハンドラー、不明または無効なイベントペイロードの明示的な処理を提案します。
All 190 static findings were adjudicated as false positives after reviewing the documented contexts. The matches are Markdown fences, TypeScript template literals, regex validators, example URLs, and validation error messages, not executable malware behavior. No prompt injection or malicious intent was found in the reviewed skill files.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-zod-validation-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-zod-validation-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). zod-validation-patterns security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-zod-validation-patterns-2026,
author = {Barnhardt-Enterprises-Inc},
title = {zod-validation-patterns security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9},
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: "zod-validation-patterns security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-zod-validation-patterns/audits/9"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-zod-validation-patterns:audit:9"
description: "Skillstore immutable audit report identifier"
ビジネスロジックが実行される前に、Next.js ルート、Server Actions、リクエストペイロード向けの Zod スキーマを作成します。
Zod バリデーションの失敗を、明確なフィールドメッセージ、整形済みエラー、ローカライズされたユーザーフィードバックに変換します。
識別子、連絡先情報、住所、決済、日付、型付きデータ契約向けの共通バリデーションモジュールを構築します。
この TypeScript データモデル向けの Zod スキーマを作成してください。必須フィールド、任意フィールド、明確なメッセージ、推論型を含めてください。
Zod バリデーションパターンを使用して、この送信内容のフォームバリデーションを設計してください。安全なパースとユーザーにわかりやすいフィールドエラーを含めてください。
これらのフィールド横断ルールに対する Zod refinements を設計してください。どのルールを refine、superRefine、または個別のサービスチェックに置くべきか説明してください。
このバリデーション層を、スキーマ再利用、変換、async チェック、型推論、エラー処理、安全でないバリデーションの抜け漏れの観点でレビューしてください。
ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
5ab1d37e83436c6eef84de88573e142b94f2a4ad
メンテナンスの新しさ
2026/7/18
利用状況
9 ダウンロード · 309 閲覧
フロントエンドのビジュアルデザインを改善
一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。
テスト駆動開発ワークフローを徹底する
チームはテストを省略したり、実装後に書いたりしがちです。このスキルは、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 ユーティリティ、検証プラクティスへと導きます。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
Claude Codeエージェントを構築
作成者 C0ntr0lledCha0s
信頼性の高いAIエージェントを作成するには、明確なスキーマ、安全なツール、再現可能なレビュー手順が必要です。このスキルは、Claude Codeワークフローにおけるエージェントの設計、検証、移行、保守をガイドします。
starknet.js で Starknet アプリを構築
作成者 internet-court
Starknet 統合では、プロバイダー、アカウント、トランザクション、手数料を正確に処理する必要があります。このスキルは、Claude、Codex、Claude Code に実践的な starknet.js v9 パターンを提供します。
Vue 3 のコード品質を向上
作成者 vuejs-ai
Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。