Login
aladicf/better-web-uiSee repository1 file

Frontend Design

Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful systems, and polished implementation that avoid generic AI aesthetics. Use when the user wants to build or redesign web pages, flows, components, or full app surfaces, or when another better-web-ui skill needs shared project design context before other better-web-ui skills.

Use this skillView repositoryView on skills.sh
Specification
Skill ID
aladicf/better-web-ui/frontend-design
Publisher
aladicf
Repository
better-web-ui
Installs
0
Files
1
License
See repository
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/frontend-designInstalls these files
  • SKILL.md

What this skill tells the agent

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

Follow the canonical instructions in ../../../skills/frontend-design/SKILL.md.

More from aladicf

aladicf/better-web-ui

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.

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.

Use this skill in a project

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

Use this skill