canton-webapp-generator
OfficialAuto-generate Canton webapp scaffolds.
AuthorMoonsong-Labs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates the manual setup overhead when starting Canton-fronted projects by auto-generating a complete React webapp scaffold configured for Canton ledger integration.
Core Features & Use Cases
- Automatic scaffolding: Produces a fully wired React app with Vite, Tailwind, routing, and placeholder UI components ready for customization.
- SDK integration ready: Validates the presence of a Canton SDK at sdk/ and prepares the webapp to consume templates and API types.
- Developer onboarding: Reduces boilerplate for new Canton projects, enabling instant frontend development against a Daml-based ledger.
Quick Start
Use the command npx ts-node <path-to-skill>/scripts/generate-webapp.ts <project-path> <project-name> to generate the webapp scaffold in <project-path>/webapp, then cd <project-path>/webapp and run npm install and npm run dev.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canton-webapp-generator Download link: https://github.com/Moonsong-Labs/canton-dev/archive/main.zip#canton-webapp-generator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.