How do I install the Frontend skill?

Run npx skillmds@latest add mgoericke/frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Frontend?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Frontend free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Frontend?

mgoericke (@mgoericke) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Frontend

Name: Frontend
Author: mgoericke

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.

mgoericke ada3d2e 3 files · 28.9 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add mgoericke/frontend

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/mgoericke/frontend.svg)](https://skillmd.com/skills/mgoericke/frontend)

Trust & safety

Audits pending

Not yet audited · commit ada3d2e

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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.

mgoericke/javamark-claude-plugins/tree/main/plugins/frontend-toolkit/skills/frontend commit ada3d2ed48

Frequently asked questions

npx skillmds@latest add mgoericke/frontend