legioncodeinc/web-development-tools

Maintain the Universal Asset Registry. Use to register assets, audit code-to-registry drift, or generate migrations. Read README.md for the guide map.

Select existing UI components and prepare notice-preserving source-copy plans. Use for component reuse, exact MIT artifact provenance, authorized copies, or local fork updates.

Implement spreadsheet import and export in React. Use for CSV/XLSX parsing, mapping, row validation, streaming, or CSV injection. Read README.md for the guide map.

Audits and implements dark mode for React/Next.js: CSS tokens, next-themes wiring, FOWT prevention, SSR hydration, Tailwind v4 config, multi-brand theming. Use for dark mode setup or flashing bugs.

Bootstrap a product design system. Use for tokens, utilities, component and screen specs, or static examples. Read README.md for the guide map.

Fix web font loading performance. Use for FOIT/FOUT, preload, subsetting, metric-matched fallbacks, or font-swap CLS. Read README.md for the guide map.

Design a React icon system. Use for library choice, bundle size, SVG sprites, dynamic icons, or accessibility. Read README.md for the guide map.

Optimize web image delivery. Use for AVIF/WebP, responsive sizes, blur placeholders, Next image config, or image CLS. Read README.md for the guide map.

Operate Impeccable for UI design. Use for new surfaces, redesign, polish, design capture, or anti-slop checks. Read README.md for the guide map.

Implement locale routing, message resources, ICU/plurals, Intl formatting and RTL in a selected web framework. Use for localization changes and scoped translation review.

Build accessible React overlays. Use for dialog, drawer, toast, command menu, focus handling, or stacking. Read README.md for the guide map.

Implement Next.js App Router features: server/client boundaries, reads, actions, handlers, private data, cache contracts and build/provider handoffs. Read README.md for guides.

Implement Nuxt apps, SSR/data integration, Nitro routes, request state and cache/auth boundaries. Use for accepted Nuxt builds or changes. Read README.md for the guide map.

Build Preact 11 apps and widgets. Use for signals, React compat migration, embeds, Astro islands, or Fresh. Read README.md for the guide map.

Build in-app tours and onboarding UI. Use for tour tools, tooltips, checklists, segment triggers, or maintenance after UI changes. Read README.md for the guide map.

Implement browser PWA manifest, service-worker lifecycle and bounded public offline assets. Use for scoped PWA/offline changes. Read README.md for the guide map.

Review and refactor React 18/19 architecture. Use for state layers, Server Components, Suspense, Actions, data boundaries, or testing. Read README.md for the guide map.

React-to-Svelte 5 porting: hooks-to-runes translation, TanStack Router to SvelteKit, RTK Query and Radix conversion, contract-first port waves. Use when porting React components or dashboards.

SEO and AEO for SvelteKit (Svelte 5) + Payload CMS + Vercel. Covers metadata, sitemap/robots, JSON-LD, Payload SEO fields, Core Web Vitals, llms.txt/AI citation, E-E-A-T, and indexation playbooks.

The shadcn-svelte library itself for any Svelte project: CLI, copy-in model, anatomy, registry, theming, forms, upgrades. Not OSPRY's design system on portal/web/wl (ux-ui-svelte-stinger owns that).

Build tenant-safe application search with an accepted query/result contract, stable pagination and measured retrieval quality.

Build or extend a localization app using current locale, resource, plural, formatting and RTL boundaries with explicit verification.

Build or extend a Next.js app using current App Router, server/client, data, mutation and cache boundaries with explicit verification.

Build or extend a Nuxt app using current Nuxt routing, SSR, Nitro, data and cache boundaries with explicit verification.

Build or extend a PWA app using current public asset, offline fallback, update and private-data boundaries with explicit verification.

Build a scoped SvelteKit marketing or lead-generation website from a brief, with explicit CMS and integration decisions.

Build a scoped SaaS foundation joining tenant identity, data isolation, billing entitlements and a verified user journey.

Build or extend a Vue app using current component, state, form, routing and asynchronous boundaries with explicit verification.

Scope and build an authorized web-app slice using an actual supported framework owner and verified boundaries.

Recommend one web framework from product, rendering, team and hosting needs, with backend boundaries and owner gaps.

Qualify a web typography system and font delivery using source inspection and actual browser evidence.

Select and prepare an authorized component vendoring plan with actual artifact provenance, notices, patches and update evidence.

Svelte 5 specialist for runes, snippets, lifecycle, universal reactivity, SvelteKit 2 load/actions/remote functions, and Svelte 4 migration. Use for any .svelte, .svelte.js, or .svelte.ts work.

Tailwind CSS v4 the framework itself, CSS-first config, @theme, the Vite plugin, v3-to-v4 migration, dark mode, container queries, class ordering. Generic, any codebase, not OSPRY-specific.

TanStack libraries in SvelteKit (Svelte 5) - Query SSR/caching/mutations, Table runes state, Form snippet validation, Virtual; states plainly that Router and Start have no official Svelte support.

Build a web typography system. Use for variable fonts, font loading, fluid scales, vertical rhythm, or type tokens. Read README.md for the guide map.

Enforce an existing design system. Use for component specs, token drift, library wrappers, motion rulings, or visual deltas. Read README.md for the guide map.

Enforce OSPRY's SvelteKit UI standard. Use for shadcn-svelte, Tailwind token bridge, white-label branding, or markup styling. Read README.md for the guide map.

Build Vue application slices with SFCs, composables, typed props/events, state, forms, routing and delivery evidence. Use after Vue is chosen; hand Nuxt SSR to its selected owner.

Recommend one web framework from product, rendering, team and hosting needs. Separate backend choices and expose implementation-owner gaps. Read README.md for the guide map.

Build a SvelteKit marketing site from a brief. Use for site scaffolding, Payload CMS, Supabase, lead capture, blog, or conversion. Read README.md for the guide map.

React Flow and Svelte Flow (xyflow) node editors: setup, state, custom nodes and edges, handles, layout, sub flows, theming, React Flow UI, SSR, tests, and migrations.