Verified:GitHub

construct-views-scaffold

Scaffolds the CONSTRUCT views SPA from a Vite, React, and Tailwind template.

Updated Apr 21, 2026

Search Tags:#template #react #scaffold #vite #tailwind #npm install #spa setup

One-click install

npx skills add https://github.com/mabstruct/construct --skill construct-views-scaffold-mabstruct

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: construct-views-scaffold
Source: https://github.com/mabstruct/construct/tree/main/CONSTRUCT-CLAUDE-impl/claude/skills/construct-views-scaffold
Command: npx skills add https://github.com/mabstruct/construct --skill construct-views-scaffold-mabstruct

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, react-dom, react-router-dom, react-markdown, recharts, lucide-react, react-force-graph-2d, d3, vite, @vitejs/plugin-react, tailwindcss, @tailwindcss/vite, serve, and includes assets (resource) components.

What problem does it solve? Setting up the CONSTRUCT views single-page application requires copying a template project, substituting version placeholders, and installing npm dependencies correctly; this Skill automates that one-time setup with verification at each step. ## Core Features & Use Cases - Template Copy with Verification: Copies the Vite + React + Tailwind template into `views/src/` using archive mode, then verifies required files like `package.json`, `vite.config.js`, and `.nvmrc` exist. - Version Substitution: Replaces the `{{VERSION}}` placeholder in `package.json` with the value from `.construct/VERSION`, falling back to `0.2.0-dev`. - Dependency Installation: Runs `npm install` and confirms success by checking for `node_modules/vite` and `package-lock.json`. - Use Case: After installing CONSTRUCT on a new machine, invoke this Skill once to populate `views/src/`, then proceed to `views-build` and `construct-up` to serve the app. ## Quick Start Ask the agent to scaffold the views app by saying "scaffold the views" or "set up the views app" from within a CONSTRUCT installation.

Frequently Asked Questions about construct-views-scaffold

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

FAQPage Schema

How do I set up the CONSTRUCT views app?▼

Run the views scaffold once per CONSTRUCT installation by saying "scaffold the views". It copies the Vite + React + Tailwind template into views/src/, substitutes the version, and runs npm install. Then run views-build and construct-up.

What happens if views/src already exists when scaffolding?▼

The scaffold fails with "views/src/ already exists. Use --force to overwrite." Passing --force deletes the existing directory first, which permanently loses any hand-edits made since the last scaffold.

Does the views scaffold work offline?▼

The npm install step requires network access the first time. Subsequent runs on the same machine may use the npm cache and complete fully offline.

Why does the scaffold fail with "Not a CONSTRUCT installation"?▼

The skill walks upward from the working directory looking for AGENTS.md to locate the install root. If no AGENTS.md is found, it is not inside a CONSTRUCT installation and the scaffold aborts.

Which platforms does the views scaffold support?▼

It is tested on macOS and compatible with Linux since all commands are POSIX, including portable sed usage. Windows is untested in v0.2.