niwashi-04-build

Scaffold React narrative sections and enforce verification per section.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/datorresb/niwashi-studio --skill niwashi-04-build
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: niwashi-04-build
Source: https://github.com/datorresb/niwashi-studio/tree/main/skills/narrative/niwashi-04-build
Command: npx skills add https://github.com/datorresb/niwashi-studio --skill niwashi-04-build

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates the end-to-end build of narrative sections for a React-based project by scaffolding, tracking progress, and enforcing fresh verification after each section.

Core Features & Use Cases

  • Scaffold a React + TypeScript + Vite + Tailwind project configured for narrative sections.
  • Manage per-section work with a sections-checklist.json state file and a dedicated progress log, enabling both calibration (sections 1–2) and autonomous execution (sections 3+).
  • Enforce a fresh verification protocol per section, including build checks, console inspection, and in-browser rendering validation, with atomic commits and clear handoffs between phases.

Quick Start

Initialize a new niwashi narrative build with the scaffold and then follow the per-section BUILD loop to calibrate and autonomously implement each narrative section.

Frequently Asked Questions about niwashi-04-build

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

FAQPage Schema
How do I automate React narrative section builds and enforce verification after each step?

You can automate React narrative section builds by scaffolding a project, tracking progress via a sections-checklist.json file, and enforcing fresh verification protocols including build checks, console inspection, and browser rendering validation after each section.

What is the workflow for scaffolding a React project to build narrative sections in order?

The narrative section workflow requires scaffolding a React, TypeScript, Vite, and Tailwind project, then building sections sequentially. It uses calibration for sections one and two, followed by autonomous execution for section three and beyond.

Do I need approved wireframes before automating narrative section builds?

Yes, approved wireframes are required before automating narrative section builds. The automation process applies specifically to narratives that have already completed wireframe approval and need structured section execution.

How does state management work when tracking progress across multiple narrative sections?

State management for narrative sections uses a sections-checklist.json file to track progress. It maintains build state across calibration and autonomous phases, enabling atomic commits and clear handoffs between execution steps.

Can I use this automation to scaffold a React TypeScript Vite Tailwind project for narratives?

Yes, the automation scaffolds a React, TypeScript, Vite, and Tailwind project configured specifically for narrative sections. It sets up the required build environment and state management structure to begin the section loop.

Why does the narrative build process require both calibration and autonomous execution phases?

The narrative build process requires calibration for sections one and two to establish accuracy, then switches to autonomous execution for section three and beyond, ensuring early alignment before automating the remaining build and verification protocol.