skills.rest
mpazik
mpazikCOMMUNITY
Explore all skills by this author →
Website𝕏@marpazikGitHub

binder-app

Build a browser UI from Binder schemas and records via its JSON API.

39|5|Updated Oct 15, 2025
Search Tags:#data visualization#dashboard#admin panel#kanban#binder#http ui#client-side api
One-click install
npx skills add https://github.com/mpazik/Binder --skill binder-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: binder-app
Source: https://github.com/mpazik/Binder/tree/main/skills/binder-app
Command: npx skills add https://github.com/mpazik/Binder --skill binder-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you turn structured data in an existing Binder workspace into a usable browser UI without guessing your schema or wiring backends unnecessarily.

Core Features & Use Cases

  • Schema-driven UI building: Reads types, required fields, enums, and relations from the Binder schema before generating UI logic.
  • Client-first dashboards: Uses Binder’s built-in same-origin JSON API to render charts, dashboards, and record views with minimal moving parts.
  • Optional server augmentation: Adds .binder/web/server.ts only when server-side aggregation or external service calls are required.
  • Interactive writes when needed: Supports end-to-end record updates via POST /api/transactions (e.g., drag-and-drop status changes).

Quick Start

Build a small dashboard or kanban UI by first reading your Binder schema, then scaffolding the frontend under .binder/web/, and finally running binder http to verify the /api/schema response and confirm records render.

Frequently Asked Questions about binder-app

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

FAQPage Schema
How do I build a kanban board or dashboard from a local-first database schema?▼

You can build a kanban board or dashboard by reading your local-first Binder workspace schema and scaffolding frontend files under .binder/web/. It turns existing schemas and records into a browser UI using client-side rendering and a same-origin JSON API.

Do I need a backend server to render interactive dashboards from my workspace data?▼

No, interactive dashboards can render entirely client-side using Binder’s built-in same-origin JSON API. A Hono server module in .binder/web/server.ts is only required optionally for heavier data aggregation or external service calls.

Can I update records via drag-and-drop in a browser admin panel?▼

Yes, the admin panel supports end-to-end record updates through POST /api/transactions. This allows interactive writes like drag-and-drop status changes directly within the browser UI.

How do I start building a schema-driven UI for an admin panel?▼

Start by reading types, required fields, enums, and relations from your Binder schema. Then scaffold the frontend under .binder/web/ and run binder http to verify the /api/schema response and confirm records render correctly.

Does this approach work for simple analytics views without guessing the data schema?▼

Yes, it reads the existing local-first Binder workspace schema before generating UI logic. This ensures structured data turns into a usable browser UI for simple analytics views without guessing your schema or wiring unnecessary backends.

Related Skills

Explore More Software Engineering Skills→
H2OSLabsH2OSLabs
1

schema-to-openapi

Converts Synnovator data schemas into OpenAPI 3.0 YAML or JSON specifications.

Official
Intermediate
mpazikmpazik
39

binder-cli

Manage CRUD, search, and transactions in a Markdown-native knowledge graph.

Community
Advanced
lhz960904lhz960904
26

hono-fullstack

Scaffold a Vite + React + Hono fullstack app with server-only /api/* endpoints.

Community
Intermediate
malloydatamalloydata
95

html-data-app-embedding

Embed interactive data applications as auto-sizing iframes with authentication.

Official
Intermediate