Login
aladicf/better-web-ui1 file

Add UI

Generate 5 distinct, production-grade UI variations for a requested new or existing section, component, page, flow, or shell, then help the user preview and apply one. Use when the user asks to add or redesign UI like a hero, pricing, navbar, auth flow, dashboard shell, ecommerce surface, or data component.

Use this skillView repositoryView on skills.sh
Specification
Skill ID
aladicf/better-web-ui/add-ui
Publisher
aladicf
Repository
better-web-ui
Installs
0
Files
1
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

aladicf/better-web-ui/add-uiInstalls these files
  • SKILL.md

What this skill tells the agent

This compatibility wrapper exposes the add-ui skill for the .agents/skills layout while keeping skills/add-ui/SKILL.md as the canonical source of truth.

Follow the canonical instructions in ../../../skills/add-ui/SKILL.md.

More from aladicf

aladicf/better-web-ui

Animate

Improve or implement purposeful motion systems, micro-interactions, gestures, and transition behavior for production-grade UI. Use when the user mentions animation, motion, transitions, micro-interactions, hover states, drawers, toasts, gestures, or making the UI feel more alive.

aladicf/better-web-ui

Audit

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants measurable accessibility, performance, responsive, theming, or anti-pattern findings—not when they mainly want an overall UX critique or final visual/detail polish.

aladicf/better-web-ui

Critique

Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring and actionable feedback. Use when the user wants an overall design or UX review—not when the main need is measurable accessibility/performance diagnosis, or final micro-detail polish.

Use this skill in a project

Open any RiverX project, search the Skills panel for aladicf/better-web-ui/add-ui, and install it in one click.

Use this skill