| 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.