recursica-skill-selection-controls

Guides selection of checkboxes, switches, radios, and dropdowns for enterprise web forms.

1|Updated May 29, 2026
One-click install
npx skills add https://github.com/borderux/recursica-knowledge --skill recursica-skill-selection-controls-borderux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: recursica-skill-selection-controls
Source: https://github.com/borderux/recursica-knowledge/tree/main/skills/design-rules/recursica-skill-selection-controls
Command: npx skills add https://github.com/borderux/recursica-knowledge --skill recursica-skill-selection-controls-borderux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Choosing the wrong selection control — a checkbox where a radio belongs, a switch outside a form, a dropdown hiding unpredictable options — confuses users and misstates the data. This Skill provides opinionated house rules for picking and configuring selection controls in enterprise web applications built on the Recursica design system. ## Core Features & Use Cases - Control selection decision tree: Maps data shape (mutually exclusive vs. zero-to-many, binary inverse) to the correct control — switch, radio group, checkbox group, dropdown, multi-select, segmented control, or selectable chips. - Behavioral rules: Covers option counts (7 ± 2 ceiling), pre-selection thresholds (~90%), select-all and indeterminate states, table header checkbox mechanics, vertical-only layout, and batch vs. immediate submit consistency. - Use Case: When designing a settings form, ask whether a field should be a switch or checkbox — the Skill applies the binary-inverse and label tests, checks the option count, and enforces the commit model so the form behaves consistently. ## Quick Start Ask the agent which control to use for a field, for example: should this notification preference be a checkbox, switch, or radio group?

Frequently Asked Questions about recursica-skill-selection-controls

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose between a checkbox and a switch in a form?▼

Use a switch only inside a form when the value's inverse is binary, known, and unique (true/false, on/off), and the label alone names what is controlled. A checkbox flips a true/false flag on any value, so it works in groups where switches do not.

When should I use a radio group vs a dropdown?▼

Use a radio group for mutually exclusive options up to roughly 7 ± 2 options, fewer if options are dissimilar or need domain expertise. Above that ceiling, use a dropdown only when the option set is predictable enough that users know what is inside before opening it.

Should radio buttons have a pre-selected default value?▼

Pre-select a radio option only when roughly 90 percent of users would choose it anyway, and never pre-select options with major downstream consequences. Most users cannot deselect a radio, so a default silently becomes the answer.

How does the table header checkbox indeterminate state work?▼

Clicking an indeterminate header checkbox always selects all rows, never deselects. Indeterminate is reachable only by selecting or deselecting individual rows, and no separate clear or deselect-all control should exist beside the header checkbox.

Can checkboxes and radio buttons be arranged horizontally?▼

No, checkboxes and radios must be stacked vertically because horizontal arrangement breaks the pairing between control and label. For horizontal layouts, use a segmented control for single select (2–5 options) or selectable chips for multi-select.

When is instant save acceptable instead of batch submit?▼

Batch submit behind a submit button is the default; field-level instant writes must never mix with batch submit in the same system. If instant save is used, a persistent save-status message is required, and switches must commit consistently throughout.