widget-forms

Solid

Use when the agent should ask the user for structured input with an in-chat form, including single-select, multi-select, text fields, style pickers, or voice audition choices.

AI & Automation 573 stars 61 forks Updated today AGPL-3.0

Install

View on GitHub

Quality Score: 88/100

Stars 20%
92
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Widget Forms Use the form tool instead of hand-writing markup: the editor chat renders the form as an interactive card and returns the user's structured answer. ## Runtime Rule Call `ask_followup_questions`. It serializes your fields into the editor's native form card; the user's submission comes back as their next message. Plan the whole questionnaire before calling the tool. Send one final form, not a trial form followed by a corrected form. The tool supports at most 12 fields; if the user asks for more questions, merge related prompts into combined fields before the first call. After calling `ask_followup_questions`, stop the turn and wait for the submitted answer to appear in chat. Do not apply a choice, create assets, or continue planning from a recommendation until the user's selection is present in the conversation. ## Supported Field Mapping Build a `fields` array. Write every visible string in the user's conversation language. - Native `<form-single>` -> `{ type: "single", variant: "default" }` - Native `<form-multi>` -> `{ type: "multi", variant: "default" }` - Native `<form-text>` / `<form-textarea>` -> `{ type: "text" }` - Native `<form-visual>` -> `{ type: "single", variant: "visual" }` - Voice audition cards -> `{ type: "single", variant: "voice" }` - Native start-scenario cards -> `{ type: "single", variant: "scenario" }` ## Form Copy Tone For form-level text (`title`, `prompt`, `fields[].label`, `submitLabel`, and `messagePrefix`), write like OpenC...

Details

Author
0xsline
Repository
0xsline/OpenChatCut
Created
1 weeks ago
Last Updated
today
Language
TypeScript
License
AGPL-3.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

interactive

Ask the user questions or present choices via an interactive form. Use when you need to gather preferences, clarify ambiguous instructions, get decisions on implementation choices, or present a list of options for the user to select from. Never write options or questions as plain text — always use this tool.

667 Updated today
wecode-ai
API & Backend Listed

generating-forms

Use when building a form or auditing a form — signup, login, checkout, intake, application, onboarding, survey, or multi-step wizard — or when deciding required vs optional, fixing a disabled submit button with no explanation, prefilling known values, removing irrelevant fields, or reconciling client/server validation drift.

0 Updated 3 days ago
HAAAgency
Web & Frontend Listed

forms

Build or edit any form in a Next.js 16 App Router app — create dialogs, edit panels, settings UIs, anything with input fields that persist to a backend — via one shared toolkit in `lib/forms/` with explicit dirty + valid Save gating, baseline reset on success, and discriminated-union error mapping. Supports two equally-supported underlying form libraries: **TanStack Form + Zod** (default when no preference is set) or **react-hook-form + Zod** (auto-detected and used as-is when already present in the project). Use when the user says "form", "edit panel", "create dialog", "settings page", "save button", "dirty state", or when they reach for `useState` to hold field values, raw `useForm`, hand-rolled dirty tracking, or inline `toast.success/error` on submit. Refuses to apply if `meta.json#stack.framework != "next"` (or monorepo web side) or `stack.nextjs_version != "16"` — Pages Router and pre-16 are out of scope. Not for: React Native forms (RN uses a different ecosystem — refer to RN-side tooling), search boxe

4 Updated 2 days ago
lukedj78