Run any Skill in Manus with one click

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.

Run Skill in Manus

Overview

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.

Install command

npx skills add https://github.com/mgoericke/javamark-claude-plugins --skill frontend

Copy and paste this command into Claude Code to install the skill

Source

mgoericke/javamark-claude-plugins

Stars1

Forks0

UpdatedMarch 30, 2026 at 22:04

SKILL.md

readonly

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.

More from this repository

same repository

wiki-curator

mgoericke/javamark-claude-plugins

Activate when the user explicitly asks to maintain, clean up, audit, or improve their wiki — phrases like "curate the wiki", "check wiki health", "find missing links", "update the wiki index", "find stale entries", or "wiki maintenance".

2026-04-101

wiki

mgoericke/javamark-claude-plugins

Activate when the user asks a question that might be answered by their personal knowledge base, references past solutions, asks about patterns or decisions, or says "check the wiki", "do we have a note on", "what did we decide about", or "how did we solve X before".

2026-04-101

blog-post

mgoericke/javamark-claude-plugins

Transforms Java/Quarkus projects into engaging technical blog posts. Use this skill when a blog article, tutorial, or technical introduction should be created from a project.

2026-03-301

doc

mgoericke/javamark-claude-plugins

Creates technical documentation, ADRs (Architecture Decision Records) and README files for Quarkus projects. Use this skill for project documentation and technical decision records.

2026-03-301

infografik

mgoericke/javamark-claude-plugins

Creates professional, data-driven infographics as PNG or PDF files with Python (matplotlib, PIL). Use this skill when the user wants to create an infographic, visual summary, data visualization, or illustrated statistic.

2026-03-301

java-scaffold

mgoericke/javamark-claude-plugins

Generates Quarkus project scaffolds with BCE architecture (Boundary-Control-Entity), Panache entities, RESTEasy Reactive endpoints, and LangChain4j AI services. Use this skill when creating new modules, entities, or REST endpoints in Quarkus projects.

2026-03-301

Source

mgoericke

mgoericke/javamark-claude-plugins

View GitHub Repository View Creator Repositories

Install command

Download

Run Skill in Manus

Useful forSOC

Web DevelopersComputer and Mathematical Occupations15-1254L4

Run any Skill with one click