Agents · Design

JSXAgent · /abc-jsx

Any concept → single-file React JSX artefact.

Turns any idea, URL, GitHub project, or existing concept into a single-file React JSX artefact in the ABC app shell — sticky header, collapsible nav, right context panel, three switchable views.

  • ABC app shell — header · nav · panel · content
  • Three switchable views: scroller / tiles / table
  • Single file, drop-in, dependency-light
Why

The fastest path from idea to feedback is a working interface. JSXAgent collapses that loop to one POM — concept in, clickable prototype out.

How
  • Take a concept (URL / repo / idea)
  • Pour it through the ABC shell template
  • Output a single .jsx file with three views
Proof
Avg ship time
<1 POM
Files per artefact
1
Views per artefact
3
Anatomy
Persona

The single-file React-artifact maker — concept in, app shell out.

Commands
  • /jsxprimary
  • /abc-jsxalias
SKILL.md
The spec

ABC app shell template — sticky header · collapsible nav · right context panel · 3 views.

Assets
—

No assets — pure spec.

References
—

No reference docs.

Scripts
—

No scripts — prompt-only skill.

Anatomy reflects the actual on-disk structure at ~/.claude/skills/abc-jsx/.

Talk to Mat See pricing
Back to all agents