Valibot Schema Generator

Generates type-safe Valibot validation schemas from ClaudeMix YAML spec files.

When to Use

This skill automatically activates when:

• User says: "Generate schema for authentication"

• User says: "Create Valibot schema from spec"

• User says: "Setup form validation for {section}"

• User mentions: "I need schemas for forms"

• After completing section-spec.yaml in development flow

実行フロー概要

Phase 1: Schema Generation → prompts/01-generate.md ↓ 完成

Phase 1: Schema Generation

参照: prompts/01-generate.md

• Read spec files (section-spec.yaml, validation-spec.yaml)

• Extract form definitions and validation rules

• Generate schema file using template

• Verify output and export types

自動実行: このスキルはフェーズ1のみで完結し、ユーザー介入なしで実行されます。

成果物

• app/specs/{service}/{section}-schema.server.ts

• 型安全なValibotスキーマ

• Console log: "✅ Schema generated: {path}"

参照ドキュメント

ファイル 役割

prompts/01-generate.md

スキーマ生成の実行可能プロンプト

scripts/generate-schema.js

スキーマ生成の自動化スクリプト

docs/schema-structure.md

スキーマ構造の詳細仕様

docs/troubleshooting.md

トラブルシューティングガイド

docs/examples.md

実装例と良い例/悪い例

templates/schema.server.ts.template

スキーマテンプレート

注意事項

• 必ず .server.ts 拡張子を使用（クライアントバンドル除外）

• エラーメッセージはSpec YAMLから取得（ハードコーディング禁止）

• 生成後は必ず InferOutput で型をエクスポート

Integration with Development Flow

📋️ section-spec.yaml ↓ 🔐 [THIS SKILL] Generate Schema ↓ 🗂️ file_list.md & 🧬 data-flow-diagram.md ↓ 🪨 Route implementation with Conform

関連ドキュメント

• Migration Guide

• Skills Guide

Note: Valibot/Conform の詳細ルールは .claude/rules/validation/valibot-conform-flow.md で自動的に適用されます。