skills.rest
Radiants-DAO
Radiants-DAOOFFICIAL
Explore all skills by this author →
Website𝕏@RadiantsDAOGitHub

radflow-compliance

Audit and fix UI code for RadOS design conformance.

1|Updated Dec 17, 2025
Search Tags:#design-system#design-tokens#component-reuse#code-audit#radflow#ui-compliance
One-click install
npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-compliance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: radflow-compliance
Source: https://github.com/Radiants-DAO/radtools/tree/main/.archive/docs-review/skills/radflow-compliance
Command: npx skills add https://github.com/Radiants-DAO/radtools --skill radflow-compliance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit and fix AI-generated or existing UI code to ensure RadOS design conformance, catching common mistakes before they ship.

Core Features & Use Cases

  • Enforces correct shadows, semantic color tokens, and radius hierarchy across components.
  • Identifies and fixes missing components and improper component usage during PR reviews and UI generation.
  • Example: Run a scan after generating a UI module to surface violations and generate actionable fixes.

Quick Start

Run a RadFlow compliance audit on the latest UI codebase and apply the suggested fixes.

Frequently Asked Questions about radflow-compliance

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

FAQPage Schema
How do I audit UI code for design system conformance during PR reviews?▼

To audit UI code for design system conformance, run static checks and design-token validation to catch hardcoded colors, shadow inconsistencies, and radius hierarchy violations. This surfaces non-compliant code and generates actionable fixes for your PR reviews.

What is design-token validation for UI compliance?▼

Design-token validation for UI compliance is the process of enforcing token-based color usage, typography rules, and proper interaction states. It scans UI implementations to ensure semantic color tokens replace hardcoded values across components.

Can I check component reuse and missing components in AI-generated UI code?▼

Yes, you can check component reuse and missing components in AI-generated UI code by running a compliance scan. It identifies improper component usage and enforces correct component reuse during UI generation and refactoring.

How do I fix hardcoded colors and radius hierarchy violations in my design system?▼

To fix hardcoded colors and radius hierarchy violations in your design system, apply static checks that enforce token-based color usage and radius hierarchy. The audit surfaces these violations and provides actionable fixes to update your components.

When do I need to run a UI code audit for design conformance?▼

You need to run a UI code audit for design conformance during UI generation, PR reviews, and refactoring. This catches common mistakes like missing interaction states and typography rule violations before they ship to production.

Related Skills

Explore More Design & Creative Skills→
ProLeadApptProLeadAppt

ui-typography

Automate typographic rules for HTML, CSS, and UI code.

Community
Advanced
Radiants-DAORadiants-DAO
1

radflow-design

Design RadFlow UI components with semantic tokens and System 7 styling.

Official
Advanced
spartDevspartDev
6

Design System Violation Detector

Detect design-system violations in React components against DESIGN_GUIDELINES.md.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

mono

Standardize UI design systems with monospace-driven, high-contrast design tokens.

Community
Intermediate