Build the app, not the plumbing.

Get to know the Fancy UI suite from Particle Academy before we build anything.

It is a kit of ~64 small, independent packages for React, PHP and Node — UI
primitives, data grids, spreadsheets, workflow engines, whiteboards, xlsx/pptx/docx
writers, Stripe catalogs, feature gating, analytics. Most server capabilities ship
as a matched PHP and Node pair, so it fits whatever backend we are on.

First, get access to the registry so you can look things up instead of guessing.
Use whichever of these matches the client you are running in:

- Claude Code:
    /plugin marketplace add Particle-Academy/fancy-ui-plugin
    /plugin install fancy-ui@fancy-ui

- Codex:
    codex plugin marketplace add Particle-Academy/fancy-ui-codex-plugin
    codex plugin add fancy-ui@fancy-ui

- Any other MCP client — add the hosted server (streamable HTTP, no API key):
    https://ui.particle.academy/mcp

The plugins bundle the same registry tools plus skills for architecture,
components, design, realtime, SEO and SSR. The raw endpoint gives you the tools
alone, which is enough for everything below.

Then explore it before writing code:

    start_project          pick the stack — backend first
    list_components        everything available
    search_components      find one by concept ("data grid", "kanban")
    get_component          read the real source
    install_instructions   exact install commands
    list_nodes             workflow nodes for fancy-flow

Tell me what you found that fits, and what you would reach for. Full catalog:
https://ui.particle.academy/packages