Menu
Use this skill when: Create forms, add validation, use react-hook-form. Focus on user intent. Trigger keywords: form-builder.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use this skill when: the user runs /tasks-execute, asks to execute backlog tasks, or wants the next queued task delivered from .agents/tasks. Trigger keywords: tasks-execute, execute task, backlog execution, next task.
Use this skill when: the user runs /tasks-plan, asks to create a task plan, generate a delivery plan, or break business requirements into backlog tasks. Trigger keywords: tasks-plan, task plan, backlog planning, delivery plan.
Use this skill when: Add or update billing discounts, configure Stripe pricing promos, change startAt or expiredAt windows, adjust pricing badges or header promo bars, or work with billing discount resolution logic. Focus on user intent. Trigger keywords: billing-discounts, discount, promo, pricing banner, startAt, expiredAt, badgeText, headerText, fixed discount, checkoutUrl, priceId, item id.
Use this skill when: Add Stripe checkout, fix billing logic, deduct credits for a feature, create a credits-consuming API route or mutation, check subscription status, gate features by plan, handle one-time purchases, top up credits, or work with the billing snapshot. Focus on user intent. Trigger keywords: payment, billing, credits, subscription, stripe, checkout, one-time, top-up, deductCredits, InsufficientCreditsError, useCredits, useSubscriptions.
Use this skill when: Add admin section, updating admin tables, creating CRUD features. Focus on user intent. Trigger keywords: admin.
Use this skill when: Create Prisma migration, Query database, Update schema. Focus on user intent. Trigger keywords: db.
| name | forms |
| description | Use this skill when: Create forms, add validation, use react-hook-form. Focus on user intent. Trigger keywords: form-builder. |
FormBuilder + useFormBuilder for new forms instead of hand-wiring react-hook-form.schema type is z.ZodType<TValues, TValues>.FormMessage); don’t add global error summaries unless explicitly requested.children is provided to FormBuilder, render it as the action area.Cancel + Save buttons.FormBuilderUiSchema).section and separator items MUST have stable id values (no array-index keys).fields/ and export from fields/index.ts.richtext now uses RichtextField (Plate.js) with markdown round-trip serialization (string in/out).date uses input[type=datetime-local] with seconds support (step=1 by default).checkbox list must remain accessible (id + label htmlFor).media returns File[] (not FileList); uploading/persistence is handled by the feature layer.mediaLibrary is a URL-based picker field: user can choose an existing file from Media Library or upload through the Media Library upload flow, then insert a URL string into the form value.upload uses src/features/common/files/components/file-dropzone.tsx for direct upload with preview and remove controls below.fields/<your-field>.tsx using existing shadcn primitives.switch in src/shared/components/form-builder/form-builder.tsx./.