# Frontend

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

- Skill: `mgoericke/frontend` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add mgoericke/frontend`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mgoericke/frontend/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: mgoericke (https://skillmd.com/u/mgoericke)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mgoericke/frontend

---


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