Build agent-maintainable reactive UI with ArrowJS
Use ArrowJS when a coding agent needs to add or maintain small reactive web interfaces using DOM-native JavaScript, template literals, SSR/hydration packages, and optional WASM sandboxing.
npx skills add agentskillexchange/skills --skill build-agent-maintainable-reactive-ui-with-arrowjs
Use ArrowJS when an operator wants a coding agent to add or refactor a reactive UI with a deliberately small API surface that agents can reason about: JavaScript modules, tagged template literals, direct DOM rendering, optional async components, SSR, hydration, and QuickJS/WASM sandboxed execution. Invoke this instead of using a heavier frontend framework when the task is to create agent-maintainable UI code, add Arrow to an existing project through the upstream agent skill package, or generate isolated UI components that are easy for future agents to inspect and edit. The scope boundary is ArrowJS application and component work through its documented npm packages and agent skill; it is not a generic JavaScript framework listing, a design system, or a broad frontend tutorial.
What this skill actually does
Inputs and prerequisites: Node.js, npm or pnpm, coding agent, browser project.
Setup notes: For an agent-oriented setup, run npx @arrow-js/skill in the target project and follow the generated guidance. For manual installs, use pnpm create arrow-js@latest for a new app or install @arrow-js/core plus the optional @arrow-js/framework, @arrow-js/ssr, @arrow-js/hydrate, and @arrow-js/sandbox packages as documented upstream.
Source and verification boundary: use https://arrow-js.com as the canonical reference before running the workflow; keep commands, API calls, CLI usage, and generated outputs reviewable against that upstream source.
Framework fit: publish this as a Multi-Framework workflow only when the operator can invoke the documented toolchain directly, rather than treating the upstream project as a generic product listing.