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

design-review

Automate UI code review for CoUI design system token compliance.

Updated Aug 27, 2026
Search Tags:#code quality#web development#design system#ui review#flutter#co-ui
One-click install
npx skills add https://github.com/coco-de/skills --skill design-review-coco-de
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-uiux-design/skills/design-review
Command: npx skills add https://github.com/coco-de/skills --skill design-review-coco-de

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of reviewing UI code changes, ensuring consistency with design systems, and identifying deviations from established guidelines.

Core Features & Use Cases

  • Token Compliance Check: Verifies the correct usage of design tokens for colors, spacing, typography, and motion.
  • Component Consistency: Ensures that UI components (Flutter and Web) adhere to CoUI standards and maintain API consistency.
  • Use Case: When a developer submits a pull request with new UI elements, this Skill can automatically flag any hardcoded values, incorrect component usage, or violations of the design system's principles, providing actionable feedback before human review.

Quick Start

Review the attached UI code for adherence to the CoUI design system and token usage.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I check Flutter UI code for design system adherence and token usage?▼

To check Flutter UI code for design system adherence, this Skill automatically reviews submitted code to verify correct color schemes, spacing, typography, and component APIs against the CoUI framework. It flags hardcoded values and incorrect component usage to ensure design consistency before human review.

What is the best way to automate UI consistency reviews for web development pull requests?▼

Automating UI consistency reviews for web development involves analyzing pull request code against established design tokens. This Skill identifies deviations from CoUI standards, verifies component APIs, and provides actionable feedback on hardcoded values or incorrect usage before human review.

Can I use this design review tool to verify color and spacing tokens in my codebase?▼

Yes, you can use this design review tool to verify color and spacing tokens in your codebase. It performs token compliance checks to ensure correct usage of design tokens for colors, spacing, typography, and motion across both Flutter and Web components.

Does the CoUI design system review work with both Flutter and Web components?▼

Yes, the CoUI design system review works with both Flutter and Web components. It ensures that UI components across both platforms adhere to CoUI standards, verifying correct implementation of component APIs and maintaining overall design system consistency.

Why does my UI component fail design system consistency checks?▼

Your UI component fails design system consistency checks when it contains hardcoded values, violates design token usage for colors and spacing, or implements incorrect component APIs. This Skill detects these deviations from CoUI standards to maintain consistency.

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
kamp-uskamp-us
25

ship-it

Automate squash merging of verified Pull Requests with green CI status.

Official
Advanced
MatthieuszMatthieusz

coding-standards

Validate TypeScript code against predefined coding standards using static analysis tools.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced