new-page

Generate SvelteKit frontend pages with routing, i18n, and permission checks.

1|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/Emmanuelkwaa/NetRockTemplate --skill new-page-emmanuelkwaa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: new-page
Source: https://github.com/Emmanuelkwaa/NetRockTemplate/tree/main/.claude/skills/new-page
Command: npx skills add https://github.com/Emmanuelkwaa/NetRockTemplate --skill new-page-emmanuelkwaa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill automates the creation of new frontend pages, including routing, internationalization (i18n), and navigation setup, significantly speeding up frontend development.

Core Features & Use Cases

  • Automated Page Generation: Creates new pages with SvelteKit, including routing, component structure, and i18n integration.
  • Permission Handling: Automatically includes permission checks for guarded routes.
  • Use Case: Quickly add a new "User Profile" page to your application, ensuring it's correctly routed, translatable, and accessible only to authenticated users with the necessary permissions.

Quick Start

Use the new-page skill to create a new authenticated page for managing user settings.

Frequently Asked Questions about new-page

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

FAQPage Schema
How do I generate a new SvelteKit page with routing and i18n automatically configured?

To generate a new SvelteKit page with routing and i18n, use an automated page generation skill that scaffolds the component structure, sets up the route, and integrates internationalization translations simultaneously. This ensures a consistent project structure without manual setup.

Can I add authenticated routes with permission checks when creating frontend pages in SvelteKit?

Yes, you can add authenticated routes with permission checks when creating frontend pages in SvelteKit. The page generation process automatically scaffolds guarded routes, integrating permission validations to ensure the new UI is accessible only to authenticated users with the correct access rights.

What is the best way to scaffold a public route and navigation elements in a SvelteKit application?

The best way to scaffold a public route and navigation elements in a SvelteKit application is using an automated page generation tool. It instantly creates the page, configures the routing, and integrates the necessary navigation components, significantly speeding up frontend development.

Does automated frontend page generation handle internationalization setup for new UI components?

Yes, automated frontend page generation handles internationalization setup for new UI components. When creating a new page, the process automatically incorporates i18n integration, ensuring that the newly scaffolded user interface is fully translatable and ready for multi-language support.

How do I quickly add a user profile page to my application with translatable content and correct routing?

To quickly add a user profile page with translatable content and correct routing, use an automated page generation skill. It scaffolds the new page, applies the necessary routing configurations, and sets up internationalization, ensuring the profile UI is instantly accessible and translatable.

Do I need to manually configure component scaffolding when adding a new page to my SvelteKit project?

No, you do not need to manually configure component scaffolding when adding a new page to your SvelteKit project. The automated page generation process handles component scaffolding, routing, and navigation setup automatically, addressing the need for rapid UI development.