asmyshlyaev177Community·6 Agent Skills Included

state-in-url

Typed React state synced to URL query strings

Stores typed React state in URL query parameters while preserving numbers, dates, and nested objects. Covers Next.js SSR setup, React Router and Remix wiring, form library integration, and text input handling without lag. Eliminates hydration flashes, infinite update loops, and broken state sharing through ready-made patterns and common mistake fixes. Works with Next.js 14-16, React Router v6/v7, and Remix v2.

418|10

↗

npx skills add asmyshlyaev177/state-in-url --all -g -y

Available:

Gives coding agents the repository's architecture, invariants, and test commands, and points them to the skills folder when using the library in other projects.

All Skills in This Repository (6)

Pure Emerald Level Indicators

📦 In Repo

asmyshlyaev177

nextjs-ssr

Initialize URL-backed state from server-side searchParams in Next.js App Router.

shared-state-no-url

Share module-scoped application state across React components without URL synchronization.

react-router-remix-setup

Integrate useUrlState with React Router v6/v7 and Remix v2 imports.

form-library-integration

Synchronize React form values with URL-encoded draft state via RHF subscribe().

input-handling

Reconcile instant UI input feedback with throttled URL writes.

feature-state-hook

Synchronize typed React UI state through the URL with useUrlState.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install state-in-url skills?▼

Run `npx skills add asmyshlyaev177/state-in-url --all -g -y` in your terminal to install all skills globally.

How to store React state in the URL?▼

Define a typed module-scoped state object and pass it to the useUrlState hook; the skills guide your agent through correct setup for Next.js, React Router, or Remix.

How to fix Next.js hydration flashes with URL state?▼

The nextjs-ssr skill shows how to forward searchParams from server pages into useUrlState so the first render matches the URL with no flash.

Can I sync react-hook-form values to the URL?▼

Yes. The form-library-integration skill pairs useUrlState with react-hook-form using subscribe() so form drafts round-trip through shareable URLs.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible coding agents.