skills.rest
wembrndvx
wembrndvxCOMMUNITY
Explore all skills by this author →
GitHub

create-project

Generate an RNBT dashboard scaffold with Master/Page layers, mock Express server, and datasetList.json.

Updated Aug 23, 2026
Search Tags:#dashboard#project scaffolding#lifecycle management#mock server#rnbt#datasetlist#preview validation
One-click install
npx skills add https://github.com/wembrndvx/WEB_BUILDER_TOOLKIT --skill create-project-wembrndvx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-project
Source: https://github.com/wembrndvx/WEB_BUILDER_TOOLKIT/tree/main/.claude/skills/3-page/create-project
Command: npx skills add https://github.com/wembrndvx/WEB_BUILDER_TOOLKIT --skill create-project-wembrndvx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the repetitive setup work required to start a complete RNBT dashboard project structure, so you can focus on implementing your UI and data instead of scaffolding files and wiring lifecycles.

Core Features & Use Cases

  • End-to-end RNBT project scaffolding: Creates Master/Page layers, page and master scripts, styles, component folders, and a preview entry.
  • Mock backend setup included: Adds a mock_server with an Express API and package configuration to support local development and testing.
  • Deterministic dataset wiring: Generates a datasetList.json aligned with the RNBT architecture so the runtime can map and load data consistently.
  • Use Case: When you need a full dashboard page (e.g., with Header/Sidebar) that follows RNBT lifecycle rules, you can generate the baseline project layout and then iteratively refine components and mock data.

Quick Start

Use the create-project Skill to generate a complete RNBT dashboard scaffold that includes Master/Page layers, components, mock_server, and datasetList.json following the repository architecture guidelines.

Frequently Asked Questions about create-project

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

FAQPage Schema
How do I scaffold a complete RNBT dashboard project with Master and Page layers?▼

To scaffold an RNBT dashboard project, generate the Master/Page layers, component folders, page scripts, and styles together. This creates a full baseline project layout so you can focus on implementing UI and data instead of wiring lifecycles manually.

What is included in an RNBT dashboard project scaffold?▼

An RNBT dashboard project scaffold includes Master/Page layers, component folders, page and master scripts, styles, a preview.html entry, a datasetList.json for runtime data mapping, and a mock Express server for local development.

Can I generate a mock backend server when setting up my dashboard project?▼

Yes, you can generate a mock backend server when creating your dashboard project. The scaffold includes a mock_server with an Express API and package configuration to support local development and testing immediately.

What's the best way to ensure consistent runtime data loading in an RNBT dashboard?▼

The best way to ensure consistent runtime data loading is to generate a deterministic datasetList.json aligned with the RNBT architecture. This allows the runtime to map and load data consistently across all dashboard pages.

Why does my RNBT dashboard project need preview validation and datasetList.json?▼

Preview validation and datasetList.json are needed to produce preview.html and HTML-CSS structures compatible with component templates for Playwright validation. They ensure the RNBT architecture can map data and load the runtime consistently.

Do I need to follow specific lifecycle ordering rules when creating a new dashboard page?▼

Yes, you must follow RNBT lifecycle ordering, shared this state rules, and merge-safe handler patterns for page and master event handling. Reading the RNBT architecture and coding style guidelines is required before writing code.

Related Skills

Explore More Software Engineering Skills→
ZiphyrienZiphyrien
60

trellis-before-dev

Reads .trellis/spec/ guidelines and injects them into task context before coding.

Community
Intermediate
vidzzavidzza

component-scaffolding

Generate Drupal/Twig component skeletons with web components and Miyagi validation.

Community
Intermediate
andebet07-ossandebet07-oss

webapp-testing

Automate local web app testing and UI validation with Playwright and Python scripts.

Community
Intermediate
aniweianiwei

openspec-ff-change

Generate all required OpenSpec change artifacts in dependency order.

Community
Advanced