coui-validation-badge

Activate form validation indicators and state badges in CoUI Flutter and CoUI Web.

Updated Aug 27, 2026

Search Tags:#ui #validation #forms #flutter #web #badge

Ready to run

npx skills add https://github.com/coco-de/skills --skill coui-validation-badge

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: coui-validation-badge
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-validation-badge
Command: npx skills add https://github.com/coco-de/skills --skill coui-validation-badge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides clear visual feedback on form input validation, helping users understand if their input is correct or incorrect.

Core Features & Use Cases

Input Validation Display: Shows whether an input field meets specific criteria (e.g., password length, email format).
Password Strength Meter: Visually indicates the strength of a user's password.
Use Case: When a user is creating an account, this Skill can display badges next to the password field indicating if it meets the required length, includes uppercase letters, numbers, and special characters.

Quick Start

Use the coui-validation-badge skill to display a validation badge indicating that a password is 8 characters long.

Frequently Asked Questions about coui-validation-badge

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

FAQPage Schema

How do I display visual form validation indicators for input fields in Flutter and Web?▼

To display visual form validation indicators, use the ValidationBadge component in CoUI Flutter and CoUI Web. It activates visual state badges that provide immediate user feedback on input correctness for form fields across both platforms.

How do I show a password strength meter during account creation in Flutter?▼

Showing a password strength meter in Flutter is done by using the coui-validation-badge skill. It visually indicates password strength by displaying badges next to the password field for length, uppercase letters, numbers, and special characters.

Can I use the same validation UI components across both Flutter and Web platforms?▼

Yes, you can use the same validation UI components across Flutter and Web. The ValidationBadge component ensures consistent UI presentation for validation states and input correctness feedback across both platforms.

What is the best way to give immediate feedback on email format validation in CoUI?▼

Immediate feedback on email format validation in CoUI is provided by the ValidationBadge component. It shows whether an input field meets specific criteria, helping users understand if their input is correct or incorrect.

Do I need any external dependencies to implement form validation badges in CoUI?▼

No external dependencies are required to implement form validation badges in CoUI. The ValidationBadge component operates independently to activate form validation indicators and state badges for both Flutter and Web.