スキル一覧に戻る
aiskillstore

form-creator

by aiskillstore

form-creatorは、other分野における実用的なスキルです。複雑な課題への対応力を強化し、業務効率と成果の質を改善します。

102🍴 3📅 2026年1月23日
GitHubで見るManusで実行

SKILL.md


name: form-creator description: Create forms, validation schemas, and CRUD API endpoints. Use when building new data entry features or managing existing forms.

Form Creator

Instructions

1. Validation Schema

  • File: src/lib/validations/{feature}.schema.ts
  • Action: Define Zod schema and export inferred type.
    export const featureSchema = z.object({ ... });
    export type FeatureFormValues = z.infer<typeof featureSchema>;
    

2. Form Component

  • File: src/components/forms/{feature}-form.tsx
  • Directives: "use client"; required.
  • Setup: Use useForm with zodResolver.
  • Props: Accept initialData and onSubmit.
  • UI: Use Shadcn components (Form, FormField, Input).

3. API Routes

  • File: src/app/api/{feature}/route.ts
  • Security: Wrap with withAuthRequired or withSuperAdminAuthRequired.
  • Logic:
    • GET: Handle pagination/search.
    • POST: Validate body against schema -> Insert to DB.
    • PATCH: Validate partial body -> Update DB.

Reference

For code patterns, best practices, and examples, see reference.md.

スコア

総合スコア

60/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

+5
最近の活動

3ヶ月以内に更新

+5
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

+5

レビュー

💬

レビュー機能は近日公開予定です