forge

Provide branching form and screen recording React components with backend callbacks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Z5Jonathan-maker/ai-coding-os --skill forge-z5jonathan-maker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: forge
Source: https://github.com/Z5Jonathan-maker/ai-coding-os/tree/main/claude/skills/forge
Command: npx skills add https://github.com/Z5Jonathan-maker/ai-coding-os --skill forge-z5jonathan-maker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Forge removes the repetitive wiring work for waitlists, branching onboarding, multi-step quizzes, and lightweight screen recordings by giving you drop-in React components that call back into your own backend.

Core Features & Use Cases

  • Branching form flows: Build Typeform-style branching forms, including multi-step quizzes and lead-capture with conditional routes.
  • Screen recording component: Add a Loom-style recorder with a backend-agnostic uploader callback.
  • Backend-agnostic integration: You provide the Submitter/Uploader so storage, auth, and persistence can match your existing stack.

Use cases: “wire a waitlist”, “build a branching onboarding quiz”, “send a quick walkthrough recording”, or “replace a Typeform/Loom flow with your own implementation”.

Quick Start

Ask the AI to add the Forge packages to your project, then wire the Form schema with an onSubmit callback pointing to your waitlist or quiz endpoint and use the Recorder uploader callback to send the recording blob to your storage.

Frequently Asked Questions about forge

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

FAQPage Schema
How do I build a branching form in React with conditional routes?

Build a branching form in React by defining a schema with conditional routes and passing an onSubmit callback to handle submissions. This Typeform-style flow eliminates custom UI wiring for waitlists and multi-step quizzes.

Can I replace Typeform and Loom with my own React components?

Yes, you can replace Typeform and Loom using drop-in React components. You wire Form and Recorder callbacks to your own backend, ensuring storage, auth, and persistence match your existing stack.

How do I add a screen recording feature to my React web app?

Add a screen recording feature to your React app using a Loom-style recorder component. Configure an uploader callback to send the recording blob directly to your own storage solution.

Do I need a specific backend to handle screen recording uploads?

No specific backend is required for screen recording uploads. The component is backend-agnostic, meaning you provide the Submitter and Uploader callbacks to integrate with your own DB and storage.

What's the best way to wire a waitlist form with custom persistence?

Wire a waitlist form by defining the form schema and connecting an onSubmit callback to your endpoint. This approach handles lead-capture and persistence using your existing database and rate-limiting policies.

Are there limitations to using backend-agnostic form and recording components?

Limitations include requiring you to supply your own Submitter and Uploader callbacks for storage and auth. The components do not handle database persistence or rate-limiting policies internally.