agentleFS
Sign inStart free
FranciscoMorettiFranciscoMoretti/sparka/.agents/skills/trpc-patterns/SKILL.md

trpc-patterns

Skill1.2k starsChanged 21 days agoApache-2.0View on GitHub

Implement ChatJS tRPC routers, TanStack Query hooks, mutations, and cache invalidation. Use when adding or changing tRPC procedures or their React consumers in apps/chat.

We split this skill into the rules it gives an agent

4 rules. About 0 are common, 0 are distinctive, and 4 are very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈0

    Distinctive · estimate

    This author's own choices. Worth a look.

  • 4

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Add feature routers under apps/chat/trpc/routers/*.router.ts and register them in apps/chat/trpc/routers/_app.ts.

    line 10
  2. Very specific:

    Use protectedProcedure for authenticated operations.

    line 11
  3. Very specific:

    Keep database access in apps/chat/lib/db/queries.ts.

    line 13
  4. Very specific:

    Use useTRPC() with TanStack Query:

    line 17

≈ “Common” is an estimate: at least 1 in 5 of the 308,232 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

ChatJS tRPC patterns

Backend

  • Add feature routers under apps/chat/trpc/routers/*.router.ts and register them in apps/chat/trpc/routers/_app.ts.
  • Use protectedProcedure for authenticated operations.
  • Validate inputs with Zod and verify ownership before mutations.
  • Keep database access in apps/chat/lib/db/queries.ts.

React queries

Use useTRPC() with TanStack Query:

const trpc = useTRPC();
const query = useQuery({
  ...trpc.feature.list.queryOptions(),
  enabled: Boolean(condition),
});

For mutations, use generated mutation options and invalidate related keys after success:

const trpc = useTRPC();
const queryClient = useQueryClient();

const mutation = useMutation(
  trpc.feature.update.mutationOptions({
    onSuccess: () =>
      queryClient.invalidateQueries({
        queryKey: trpc.feature.list.queryKey(),
      }),
  })
);

Handle loading and error states in the consumer.

Download now (ZIP)

Trending

Steady: 0 new projects took it in the last 4 weeks, none the 4 weeks before.thin data

Week of Aug 30: 0 new projectsWeek of Sep 6: 0 new projectsWeek of Sep 13: 0 new projectsWeek of Sep 20: 0 new projectsWeek of Sep 27: 0 new projectsWeek of Oct 4: 0 new projectsWeek of Oct 11: 0 new projectsWeek of Oct 18: 0 new projects
Aug 2026Sep 2026Oct 2026
New projects taking a version of this file each week, over the 8 weeks our latest run read: only 0 in all, so this is a hint, not a trend.

Who's talking about FranciscoMoretti/sparka

The biggest 2 of 2 mentions linking to the repository that our crawl found. Each line is their own headline.

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

Reviews can't be read right now.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free