FX

fancy-x-files-ui

@particle-academy/fancy-x-files-ui

react-fancy editor suite for the well-known + agent-facing files — controlled, JSON-friendly editors for robots.txt / security.txt / llms.txt / humans.txt / sitemap.xml / AGENTS, each with a live preview, plus a combined XFilesManager. Pairs with particle-academy/fancy-x-files (PHP) / @particle-academy/fancy-x-files (Node).

TSUI · 8 components8 components
$npm install @particle-academy/fancy-x-files-ui

Components

8 components · click any tile for a full demo, source, and install snippet.

RobotsEditorOpen →

Protected paths

Disallowed for every agent · cannot be Allowed
/admin

Sitemaps

https://acme.dev/sitemap.xml

Host

User-agent groups

Group 1
User-agents
*
Disallow
/admin/api
Allow
/
Controlled robots.txt rule builder — per-group Allow/Disallow, sitemaps, and protected paths pinned Disallow everywhere (the protect() safety rail).
SecurityTxtEditorOpen →

Contact (required)

Expires (required, future)

Must be a date/time in the future.

Optional fields

RFC 9116 security.txt editor — required Contact + a future Expires, with inline validation.
LlmsTxtEditorOpen →

Header

Sections

llms.txt editor — title / summary / details + repeatable link sections.
HumansTxtEditorOpen →

Team

Thanks

react-fancy

Site

humans.txt editor — team credits, thanks, and site colophon.
SitemapEditorOpen →

URLs

sitemap.xml editor — a flat list of URL entries with lastmod / changefreq / priority.
AgentsEditorOpen →

Policy contact

Agents

/AGENTS register editor — per-agent allow/deny policy + scope.
XFilePreviewOpen →
robots.txtpreview
User-agent: *
Disallow: /admin
Disallow: /api
Allow: /

Sitemap: https://acme.dev/sitemap.xml
Read-only render of the real text/XML a well-known file becomes on disk — what-you-see-is-what-ships.
XFilesManagerOpen →

Protected paths

Disallowed for every agent · cannot be Allowed
/admin

Sitemaps

https://acme.dev/sitemap.xml

Host

User-agent groups

Group 1
User-agents
*
Disallow
/admin/api
Allow
/
robots.txtpreview
User-agent: *
Disallow: /admin
Disallow: /api
Allow: /

Sitemap: https://acme.dev/sitemap.xml
The compound surface — a tab per file kind wiring each editor next to its live preview over one aggregate model.