Does it support custom routing?

Yes, you can define slash-separated route paths which are then mapped to the /dynamic/ entry point in the Next.js App Router.

How does this skill handle user authentication?

Screens are placed within the (main) layout group by default, which automatically handles authentication. For public access, the skill scaffolds components into the no-auth directory.

Can I use the Shesha Form Designer with these screens?

This skill is specifically for creating 'custom' screens using pure React and Ant Design components, rather than standard Shesha form configurations, providing full UI flexibility.

What is the recommended data fetching pattern?

The skill implements a pattern using the useSheshaApplication hook to get the backendUrl and httpHeaders, then uses the native fetch API to ensure security and performance.

Shesha Screen Creator

Name: Shesha Screen Creator
Author: shesha-io

byshesha-io

•

开发者工具

Scaffolds and registers custom React screens within Shesha applications using Next.js and Ant Design.

The Shesha Screen Creator is a specialized tool for developers working with the Shesha framework to quickly generate production-ready custom pages. It automates the boilerplate process of creating React components, registering them in the screen registry, and configuring Next.js App Router paths under the `/dynamic/` route. By strictly following Shesha's architectural patterns—such as using native fetch with the useSheshaApplication hook and Ant Design components—it ensures that new screens are perfectly integrated into the application's layout and authentication flow without manual wiring.

主要功能

01Smart validation to prevent duplicate screen names or conflicting route paths.

02Seamless registration with Next.js App Router for dynamic route handling.

03Pre-configured data fetching templates using useSheshaApplication and native fetch.

04Support for both authenticated (default) and public access screen configurations.

051 GitHub stars

06Automated scaffolding of React components in src/screens/ with Ant Design integration.

使用场景

01Building custom dashboards or reports that require specialized React logic beyond the standard form designer.

02Creating public-facing landing pages or data visualizations within a Shesha application shell.

03Rapidly prototyping new application modules with consistent UI and automatic authentication handling.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shesha-io/shesha-plugins create-screen

For use in Claude.ai and ChatGPT

主要功能

01Smart validation to prevent duplicate screen names or conflicting route paths.

02Seamless registration with Next.js App Router for dynamic route handling.

03Pre-configured data fetching templates using useSheshaApplication and native fetch.

04Support for both authenticated (default) and public access screen configurations.

051 GitHub stars

06Automated scaffolding of React components in src/screens/ with Ant Design integration.

使用场景

01Building custom dashboards or reports that require specialized React logic beyond the standard form designer.

02Creating public-facing landing pages or data visualizations within a Shesha application shell.

03Rapidly prototyping new application modules with consistent UI and automatic authentication handling.