Skills
.Work. You
Rest

appforms-bootstrap

Official

Bootstrap AppForms for C#/TypeScript projects.

Software Engineering#TypeScript#C##bootstrap#schema-generation#visual-editor#AppForms
Authorastrolabe-apps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guide for bootstrapping AppForms in a C#/TypeScript project with Astrolabe.Schemas code generation, @react-typed-forms/schemas for rendering, and the visual form editor.

Core Features & Use Cases

  • Type-safe forms: C# types generate TypeScript schemas and form definitions.
  • Visual form designer: Drag-and-drop editor for building layouts.
  • Runtime rendering: Forms render from JSON control definitions with Tailwind styling.

Quick Start

  • Install NuGet packages for Astrolabe.Schemas and npm packages for React typed forms.
  • Choose a project structure (Rush monorepo with shared library or simple src folder) as illustrated.
  • Run npm run gencode to generate schemas and forms; call /api/forms/Schemas and /api/forms/Forms to produce client artifacts.
  • Use the editor endpoints to create and save form JSON files under ClientApp/src/formDefs/.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: appforms-bootstrap
Download link: https://github.com/astrolabe-apps/astrolabe-common/archive/main.zip#appforms-bootstrap

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.