Why does the skill use native Playwright fill instead of JavaScript evaluation?

Native Playwright events are necessary to ensure the React state in the Shesha frontend updates correctly; direct DOM manipulation via JavaScript often fails to trigger the required framework listeners.

What are the core prerequisites?

You must have a Shesha application running, the Playwright MCP server configured in Claude, and Node.js installed for running parallel automation scripts.

How much faster is the parallel CRUD creation?

The parallel script can generate a full set of CRUD forms in approximately 40 seconds, compared to 3-5 minutes for manual or sequential creation, representing a 4-7x speed improvement.

Does this skill work with remote Shesha instances?

While configured for localhost:3000 by default, the underlying scripts can be pointed to any accessible Shesha environment by updating the base URL in the configuration.

Shesha Form Creator

Name: Shesha Form Creator
Author: shesha-io

byshesha-io

0•

Browser Automation

Automates the creation and configuration of UI forms within the Shesha low-code platform using Playwright browser automation.

This skill streamlines the development workflow for Shesha low-code applications by automating the manual process of creating forms and scaffolding UI components. It leverages Playwright to handle authentication, navigation, and form dialog interactions, allowing developers to quickly generate CRUD (Create, Read, Update, Delete) views. By utilizing advanced parallel execution scripts, it can reduce form creation time from minutes to seconds, providing a consistent, error-free, and highly efficient way to build out complex application interfaces within the Shesha ecosystem.

Key Features

01Direct integration with Shesha Form Designer for immediate post-creation editing

020 GitHub stars

03Smart React state handling using native Playwright input simulation

04Support for custom module assignment and kebab-case form naming

05Automated authentication and navigation to Shesha form management

06Parallel CRUD generation creating Table, Details, and Create views simultaneously

Use Cases

01Automating repetitive form setup tasks to ensure architectural consistency

02Rapidly scaffolding a complete UI interface for new database entities

03Mass-generating form configurations during the initial phase of a Shesha project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill