Generate status badge UI components for Flutter and Web platforms.
npx skills add https://github.com/coco-de/skills --skill coui-badge
Please help me install this Agent Skill. Skill: coui-badge Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-badge Command: npx skills add https://github.com/coco-de/skills --skill coui-badge
This Skill simplifies the creation of visual status indicators, labels, and counters using pre-defined badge components for both Flutter and Web applications.
Use the coui-badge skill to create a primary badge with the text 'New' for a Flutter application.
High-intent search queries and answers about installing and using this skill.
To create status badges and indicators for a Flutter app, this Skill generates UI components with pre-defined variants like primary, secondary, outline, and destructive. It facilitates implementing visual cues for states like new items, active processes, drafts, or errors.
Yes, you can use the same badge component approach for both Web and Flutter platforms. The Skill generates status badges and indicators across both environments, ensuring consistent theming and uniform styling for visual cues like active processes or error states.
The available badge variants for displaying UI status labels are primary, secondary, outline, and destructive. These pre-defined variants facilitate clear visual communication and consistent theming for different application states such as new items, drafts, or errors.
The best way to show a 'New' status indicator in a Web table is using a pre-defined primary badge variant. This Skill generates the UI component to display active status indicators or new item labels with consistent styling across your application.
No, you do not need any external dependencies to implement outline or destructive badges. The Skill operates with an empty dependencies list, directly generating the UI components for uniform styling and visual feedback.
aaronbassettAutomate Flutter form handling and validation with Form and TextFormField.
coastdigitalgroupDefine badge and tag visual rules, color semantics, and ARIA accessibility guidelines.
serverpodRender primary, secondary, destructive, and outline badges in Flutter with shadcn_ui.
toly1994328Dismiss Flutter floating panels using TapRegion's onTapOutside callback.
