frontend

name	frontend
description	Creates frontend prototypes and portals with TailAdmin, Alpine.js and Quarkus templates. Use this skill for UI development, dashboards, forms and end-user/admin portals.

Frontend Skill

Purpose

Create frontend interfaces for web applications with clear role separation.

Tech Stack

• TailAdmin design patterns
• Alpine.js for client-side view switching (no page reloads)
• ApexCharts for dashboard visualizations
• CSS Custom Properties for light/dark theming
• Quarkus Qute Templates for server-side rendering

Role-Based UI Design

End User Portal

• Simple, guided forms
• Clear status indicators
• Plain language, no jargon
• Mobile-first

Admin Portal

• High information density
• Filterable tables and queues
• AI recommendations as structured decision support
• Quick actions and keyboard shortcuts

Principle

AI provides decision support, not decision-making. The UI makes AI recommendations transparent and editable for the admin user.