frontend-page-generator

Generate Next.js pages with authentication, i18n, and dynamic imports for Luminaris.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/web3br1/luminaristest --skill frontend-page-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-page-generator
Source: https://github.com/web3br1/luminaristest/tree/main/.claude/skills/frontend-page-generator
Command: npx skills add https://github.com/web3br1/luminaristest --skill frontend-page-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of Next.js pages for the Luminaris platform, reducing the time and effort required to set up new pages with authentication, i18n, and dynamic imports.

Core Features & Use Cases

  • Automated Page Generation: Generates pages based on resource names and types (list, detail, create, edit).
  • Authentication Support: Integrates with Luminaris' authentication system for secure access.
  • Internationalization: Supports server-side translations for multi-language support.
  • Dynamic Imports: Optimizes loading of heavy components with dynamic imports.
  • Use Case: Create a new list page for a resource in the Luminaris platform by running the skill with the resource name and type, such as 'frontend-page-generator resource list'.

Quick Start

Generate a list page for the 'appointments' resource using the 'list' type: generate frontend-page-generator appointments list

Frequently Asked Questions about frontend-page-generator

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

FAQPage Schema
How do I generate Next.js pages with authentication and dynamic imports?

To generate Next.js pages with authentication and dynamic imports, use this Skill to automate page creation by specifying a resource name and page type (list, detail, create, edit), integrating auth guards and i18n automatically.

Can I add internationalization to Next.js pages for a monorepo platform?

Yes, you can add internationalization to Next.js pages within a monorepo. This Skill generates pages with server-side translations, providing multi-language support tailored for the Luminaris platform environment.

How do I create list and detail pages for platform resources using Next.js?

You create list and detail pages by running the Skill with a resource name and type, such as 'appointments list'. It outputs Next.js pages configured with dynamic component loading and secure authentication access.

Does this Skill work outside its intended monorepo environment?

This Skill is intended for internal use within the Luminaris monorepo. It relies on the platform's specific authentication system and architecture, meaning it is not designed for standalone Next.js projects outside that environment.

Why use dynamic imports when generating Next.js pages?

Using dynamic imports when generating Next.js pages optimizes the loading of heavy components. This approach improves performance by code-splitting and loading components only when needed within the Luminaris platform.

What is the frontend-page-generator Skill used for?

The frontend-page-generator automates Next.js page creation for the Luminaris platform. It handles authentication, internationalization, and dynamic loading to reduce the manual setup time required for new resources.