skills.rest
coco-de
coco-deOFFICIAL
Explore all skills by this author →
GitHub

coui-star-rating

Generate StarRating UI components for Flutter and Web applications.

Updated Aug 27, 2026
Search Tags:#flutter#ui component#web#stars#rating#coui
One-click install
npx skills add https://github.com/coco-de/skills --skill coui-star-rating
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coui-star-rating
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-star-rating
Command: npx skills add https://github.com/coco-de/skills --skill coui-star-rating

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation of user interfaces for collecting or displaying ratings using star icons, catering to both input and display needs.

Core Features & Use Cases

  • Interactive Rating Input: Allows users to select a rating value.
  • Read-Only Display: Presents ratings without user interaction.
  • Half-Star Support: Enables ratings with half-star increments.
  • Customization: Supports adjustable star count, size, and color.
  • Use Case: Implement a product review section where users can rate items from 1 to 5 stars, with the option for half-star ratings, and display average ratings for existing products.

Quick Start

Use the coui-star-rating skill to create a StarRating component that allows half-star increments and is read-only, displaying a value of 4.5.

Frequently Asked Questions about coui-star-rating

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

FAQPage Schema
How do I create a star rating component in Flutter for user reviews?▼

A star rating component in Flutter is generated to collect user ratings or display static values. It supports interactive input, read-only display, and customizable appearance for product review sections.

Can I display half-star rating increments in web applications?▼

Half-star rating increments are supported for web applications. The component enables displaying precise values like 4.5 stars, accommodating both interactive user input and read-only average rating displays.

What's the best way to implement a read-only average rating display?▼

A read-only average rating display is implemented by generating a static star rating component. This presents rating values without user interaction, supporting half-star increments and customizable star size and color.

Does the star rating system support custom star count and colors?▼

The star rating system supports adjustable star count, size, and color. This customization allows developers to match the rating interface to their application's design for both Flutter and Web platforms.

How do I add interactive star rating input to a product review form?▼

Interactive star rating input is added to a product review form by generating a UI component that allows users to select a rating value. It supports configurations like half-star increments for precise feedback collection.

Related Skills

Explore More Design & Creative Skills→
rmjamesrmjames
1

Brand Guidelines

Enforce design system tokens for spacing, color, and typography in web interfaces.

Community
Basic
ChoiHyunjinChoiHyunjin

role-trading-backend-developer

Implements trading domain backend code with decimal math, idempotency, circuit breakers, and persist-before-submit workflows.

Community
Advanced
IgniteUIIgniteUI
47

igniteui-angular-components

Provide UI components for Angular applications with reactive forms support.

Official
Intermediate
wodsmithwodsmith
2

drag-and-drop

Implement drag-and-drop interactions for sortable lists and kanban boards.

Official
Advanced