gen-ajax-page

Generates Mustache pages with fetch API-based Ajax interactions for Spring Boot applications.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/VelkaressiaBlutkrone/spring-python-llm-exam-mng --skill gen-ajax-page-velkaressiablutkrone
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gen-ajax-page
Source: https://github.com/VelkaressiaBlutkrone/spring-python-llm-exam-mng/tree/main/.claude/skills/gen-ajax-page
Command: npx skills add https://github.com/VelkaressiaBlutkrone/spring-python-llm-exam-mng --skill gen-ajax-page-velkaressiablutkrone

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building dynamic web pages that update without full page reloads requires repetitive boilerplate for fetch calls, DOM manipulation, and response handling. This Skill generates complete Mustache templates with Ajax interactions wired to your existing REST API endpoints, following consistent project conventions. ## Core Features & Use Cases - Interview-Driven Generation: Collects the target feature, API endpoints, UI elements, and refresh strategy through a short interview before writing code. - Standardized fetch Patterns: Produces GET/POST/PUT/DELETE fetch calls that match the project's Resp wrapper response structure (status, msg, body). - DOM Rendering Templates: Generates render functions for list refresh, item add/delete, and conditional UI such as owner-only delete buttons. - Use Case: Ask for a comment section page for a board post, and receive a complete Mustache file with comment list loading, creation, and deletion wired to /api/board/{id}/reply endpoints. ## Quick Start Ask the assistant to create an Ajax page for your feature, for example: create a comment list and submission page that calls the board reply API without page reloads.

Frequently Asked Questions about gen-ajax-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Ajax page with fetch API in a Spring Boot Mustache project?▼

Provide the target feature, the REST API endpoints to call, the required UI elements, and the refresh strategy. The Skill generates a complete Mustache template with fetch calls, DOM rendering functions, and response handling matching your project's Resp wrapper structure.

What kinds of interactions can the generated Ajax pages handle?▼

Generated pages support comment list loading, creation, and deletion, duplicate checks, likes, and real-time validation. Any interaction requiring partial page updates without a full reload fits this pattern.

Does the generated page require existing REST API endpoints?▼

Yes, the API endpoints must already exist before page generation. If the required endpoints are missing, the Skill notifies you instead of generating a page against nonexistent APIs.

When should I use a regular form submission instead of an Ajax page?▼

Simple form submissions that navigate to a new page do not need Ajax and should use standard form POST generation instead. Reserve fetch-based pages for cases needing partial updates like duplicate checks or in-place list refreshes.

How does the generated JavaScript handle API error responses?▼

Every fetch call parses the JSON response and checks the status field of the Resp wrapper. On failure it displays the msg field via alert, and on success it updates the DOM or reloads the affected list.