coui-checkbox

Create and manage checkbox, radio, and switch components for Flutter and Web UIs.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/coco-de/skills --skill coui-checkbox
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coui-checkbox
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-checkbox
Command: npx skills add https://github.com/coco-de/skills --skill coui-checkbox

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation and management of various checkbox and selection input components for both Flutter and Web applications, ensuring consistent user interfaces and efficient state handling.

Core Features & Use Cases

  • Flutter Components: Provides Checkbox, ControlledCheckbox, CheckboxController, and CheckboxGroup for boolean and multi-selection inputs. Supports tristate and programmatic control.
  • Web Components: Offers Checkbox, Radio, RadioGroup, Toggle, and SwitchField for accessible HTML form elements.
  • Use Case: Quickly implement a settings screen with toggles for dark mode, notifications, and email digests, ensuring a consistent look and feel across platforms.

Quick Start

Use the coui-checkbox skill to create a basic checkbox with the label 'Accept terms'.

Frequently Asked Questions about coui-checkbox

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

FAQPage Schema
How do I create a tri-state checkbox in Flutter for multi-selection forms?

To create a tri-state checkbox in Flutter, use the provided Checkbox and CheckboxGroup components which support boolean inputs, multi-selection, and tristate options with programmatic control for consistent form behavior.

Does this Skill provide accessible radio button and toggle components for Web UIs?

Yes, this Skill provides accessible Web UI components including Radio, RadioGroup, Toggle, and SwitchField to handle boolean inputs and selections with consistent styling and behavior across platforms.

What is the best way to manage checkbox state across Flutter and Web applications?

The best way to manage checkbox state is using the CoUI framework integration which provides ControlledCheckbox and CheckboxController components, ensuring consistent styling and efficient state handling across Flutter and Web applications.

Can I use a CheckboxController to programmatically toggle selections in a Flutter form?

Yes, you can use the CheckboxController with ControlledCheckbox components to programmatically control boolean inputs, multi-selection, and tri-state options within your Flutter application forms.

How do I implement a settings screen with dark mode and notification toggles for Web and Flutter?

Implement a settings screen using the Toggle and SwitchField components for Web, and Checkbox components for Flutter, leveraging the CoUI framework to ensure a consistent look and feel across both platforms.