FranciscoMorettiAGENTS.mdchat-js
FranciscoMoretti/chat-js/AGENTS.md
No summary in the file. Open it to read it.
Find the best CLAUDE.md, AGENTS.md and Claude skills
One search for your own team's files and the public ecosystem. See how real projects write their agent instructions, and bring the good ideas home.
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.
Worked for most · soon
FranciscoMorettiAGENTS.mdFranciscoMorettiSkillcreate-vercel-ai-issue
FranciscoMoretti/chat-js/.agents/skills/create-vercel-ai-issue/SKILL.md
Create a well-formed GitHub issue in vercel/ai using the gh CLI. Use when reporting an AI SDK bug or preparing an issue body that contains logs, code blocks, versions, reproduction steps, and shell-sensitive text.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkilldev-auth-bypass
FranciscoMoretti/chat-js/.agents/skills/dev-auth-bypass/SKILL.md
Authenticate a browser against a local ChatJS app without OAuth. Use for development login, local auth bypass, authenticated browser or Playwright testing, and the /api/dev-login route.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkilleconomical-visual-tests
FranciscoMoretti/chat-js/.agents/skills/economical-visual-tests/SKILL.md
Author economical visual tests — full visual coverage in the fewest billable snapshots. Applies to any per-snapshot visual tool (UI Verify, Chromatic, Percy, Playwright screenshots), which all bill and diff per rendered story/test. Use when a component's variants/states are exploding into one snapshot per combination, when the visual-testing bill or noise is driven by snapshot count, or when writing new stories/captures and you want the cheapest layout that still covers every variant. Covers gallery/matrix stories, data-driven states, and the coarse-granularity tradeoff.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkillgenerate-code-snippet
FranciscoMoretti/chat-js/.agents/skills/generate-code-snippet/SKILL.md
Generate a concise, shareable code snippet URL for code.franciscomoretti.com. Use when preparing a code image or short snippet for Twitter, X, social sharing, or a presentation.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkilllazy-prefetch-pattern
FranciscoMoretti/chat-js/.agents/skills/lazy-prefetch-pattern/SKILL.md
Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering. Use when prefetching tRPC queries in Next.js Server Components or changing query dehydration and hydration behavior in apps/chat.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkillmaking-ui-changes
FranciscoMoretti/chat-js/.agents/skills/making-ui-changes/SKILL.md
Read before changing any component, page, or styles. Five moves to change UI without silently breaking another screen - reuse before you create, cover every state, check the blast radius, prove it with a visual test, kill flake at the source.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkillnext-cache-components-adoption
FranciscoMoretti/chat-js/.agents/skills/next-cache-components-adoption/SKILL.md
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.
FranciscoMorettiSkillnext-dev-loop
FranciscoMoretti/chat-js/.agents/skills/next-dev-loop/SKILL.md
Verify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.
FranciscoMorettiSkillnext-partial-prefetching-adoption
FranciscoMoretti/chat-js/.agents/skills/next-partial-prefetching-adoption/SKILL.md
Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the `partialPrefetching` flag, opt routes in with `export const prefetch = 'partial'`, audit `<Link prefetch={true}>` calls, or resolve the link-prefetch-partial and instant-shell-url-data insights.
FranciscoMorettiSkillreview-docs
FranciscoMoretti/chat-js/.agents/skills/review-docs/SKILL.md
Review and fix ChatJS Blume documentation and MDX files. Use when checking docs for correctness, broken links, stale examples, unclear prose, or consistency with the implementation.
Steady2 mentions in 2 weeks
22 projects use a version of this
FranciscoMorettiSkillstrategic-testing
FranciscoMoretti/chat-js/.agents/skills/strategic-testing/SKILL.md
Decide whether a change warrants new tests and choose proportionate verification. Use before adding tests, when planning validation, or when reviewing whether a proposed test protects meaningful behavior.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkilltrpc-patterns
FranciscoMoretti/chat-js/.agents/skills/trpc-patterns/SKILL.md
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.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkillvitest-visual-testing
FranciscoMoretti/chat-js/.agents/skills/vitest-visual-testing/SKILL.md
Make @uiverify/vitest (Vitest browser-mode) captures deterministic so component visual tests stop coming back "changed" without a real change (flaky diffs). Use when setting up or debugging visual tests over Vitest browser-mode component tests, or rendering whole pages (including Next.js App Router pages) in browser mode. Focuses only on the run-to-run variation the capturer can't neutralize from outside your app — above all live/dynamic data, the highest-value step (freeze it with static fixtures and the whole content-noise class disappears), plus the clock, infinite JS animations, and non-Math.random randomness, and the one Vitest-specific trap - capturing before the component has settled.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiCLAUDE.mdchat-js
FranciscoMoretti/chat-js/CLAUDE.md
No summary in the file. Open it to read it.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiAGENTS.mdchatjs
FranciscoMoretti/chatjs/AGENTS.md
No summary in the file. Open it to read it.
Steady2 mentions in 2 weeks
2 projects use a version of this
FranciscoMorettiSkilllazy-prefetch-pattern
FranciscoMoretti/chatjs/.agents/skills/lazy-prefetch-pattern/SKILL.md
Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering. Use when prefetching tRPC queries in Next.js Server Components or changing query dehydration and hydration behavior in apps/chat.
2 projects use a version of this
FranciscoMorettiSkillvitest-visual-testing
FranciscoMoretti/chatjs/.agents/skills/vitest-visual-testing/SKILL.md
Make @uiverify/vitest (Vitest browser-mode) captures deterministic so component visual tests stop coming back "changed" without a real change (flaky diffs). Use when setting up or debugging visual tests over Vitest browser-mode component tests. Focuses only on the run-to-run variation the capturer can't neutralize from outside your app — above all live/dynamic data, the highest-value step (freeze it with static fixtures and the whole content-noise class disappears), plus the clock, infinite JS animations, and non-Math.random randomness, and the one Vitest-specific trap - capturing before the component has settled.
2 projects use a version of this
Agent instruction files
What are agent instruction files?
Plain text files in a repository that tell a coding agent how the project works: commands to run, conventions to follow and things to avoid. CLAUDE.md, AGENTS.md, cursor rules and skills are the common kinds.
CLAUDE.md or AGENTS.md?
CLAUDE.md is read by Claude Code. AGENTS.md is an open format that Codex, Cursor and other agents read. Many projects keep one and point the other at it.
What is a skill?
A folder with a SKILL.md that describes one capability, such as filling PDFs or reviewing code. The agent loads it only when the task calls for it.
Can I search my own team's files too?
Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.