skills.rest
kubrickcode
kubrickcodeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-improve

Analyzes frontend code and UI trends to generate actionable UI/UX improvement reports.

1|Updated Mar 8, 2026
Search Tags:#accessibility#frontend#design analysis#wcag#ui ux#trend research#improvement report
One-click install
npx skills add https://github.com/kubrickcode/cine-mirror --skill ui-ux-improve-kubrickcode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-improve
Source: https://github.com/kubrickcode/cine-mirror/tree/main/.agents/skills/ui-ux-improve
Command: npx skills add https://github.com/kubrickcode/cine-mirror --skill ui-ux-improve-kubrickcode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Teams often lack a structured way to audit their application's UI/UX against current design trends and accessibility standards, resulting in outdated interfaces and missed usability issues. ## Core Features & Use Cases - Project-Aware Analysis: Detects the frontend framework (React, Next.js, Vue, Svelte, Angular), styling approach, and component library by inspecting actual project code. - Trend Research: Performs web searches for current UI/UX trends, accessibility practices, and library comparisons to ground recommendations. - Gap Analysis & Report: Compares the current design against best practices and generates a prioritized UI-UX-IMPROVEMENTS.md report with effort estimates and file references. - Use Case: Run it on a React/Tailwind app to receive a prioritized roadmap covering accessibility fixes, component modernization, and library recommendations, then optionally switch to implement mode to apply the changes. ## Quick Start Ask the agent to analyze this project's UI/UX and generate an improvement report with prioritized recommendations.

Frequently Asked Questions about ui-ux-improve

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

FAQPage Schema
How do I audit my web app's UI/UX against current design trends?▼

Run the analysis on your project to detect the framework, styling approach, and component structure, then compare them against researched UI/UX trends. The output is a UI-UX-IMPROVEMENTS.md report with prioritized recommendations and effort estimates.

How to get accessibility recommendations for a React or Next.js app?▼

The analysis includes an accessibility assessment based on WCAG guidelines, reviewing components for usability and mobile responsiveness. Each recommendation includes the problem, solution, user impact, effort level, and affected file paths.

Does this work with Tailwind, shadcn/ui, or Material UI projects?▼

Yes, it detects styling approaches including Tailwind, CSS Modules, styled-components, and CSS-in-JS, plus component libraries like shadcn/ui, MUI, Chakra, and Radix. Recommendations are tailored to the detected stack.

Can it implement the UI improvements automatically?▼

Yes, an implement mode applies the recommended changes after the research phase, but it requires user confirmation before modifying code. The default research mode only generates the report without touching files.

What are the limitations of automated UI/UX analysis?▼

Recommendations depend on static code analysis and web trend research, so they cannot replace real user testing or visual design judgment. Library suggestions are filtered by stability scores and bundle size impact, but final decisions still need team review.

Related Skills

Explore More Design & Creative Skills→
LPdsgnLPdsgn

framework-adapter

Detect the frontend framework and adapt Figma-generated implementations to its conventions.

Community
Advanced
OM-bit-hubOM-bit-hub

regression-check

Trace code diffs to at-risk features and generate prioritized regression test checklists.

Community
Advanced
openyakopenyak
704

accessibility-review

Audit designs or pages for WCAG 2.1 AA accessibility compliance.

Official
Intermediate
openyakopenyak
704

user-research

Plan, conduct, and synthesize user research studies into actionable insights.

Official
Intermediate