Vercel Composition Patterns
supabase/supabase
React composition patterns that scale. An agent skill from supabase/supabase.
A skill your agent uses when Rudder needs performance or architecture optimization: slow pages, skeleton loops, query cache misses, refetch storms, large-org over-fetching, payload budgets…
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainer --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .claude/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .claude/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainerType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainer --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .agents/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .agents/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .agents/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainer --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .cursor/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .cursor/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Undertone0809/rudder.git --path agent-skills-bak/maintainer/rudder-performance-architecture-maintainer--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainer --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .gemini/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .gemini/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainerInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .github/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .github/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .github/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Undertone0809/rudder rudder-performance-architecture-maintainer --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Undertone0809/rudder.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer .opencode/skills/rudder-performance-architecture-maintainer && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "rudder-performance-architecture-maintainer" agent skill from https://github.com/Undertone0809/rudder/tree/main/agent-skills-bak/maintainer/rudder-performance-architecture-maintainer into .opencode/skills/rudder-performance-architecture-maintainer/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rudder-performance-architecture-maintainer", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
rudder-performance-architecture-maintainerA skill your agent uses when Rudder needs performance or architecture optimization: slow pages, skeleton loops, query cache misses, refetch storms, large-org over-fetching, payload budgets…
Rudder Performance Architecture Maintainer is an agent skill from Undertone0809/rudder. Use when Rudder needs performance or architecture optimization: slow pages, skeleton loops, query cache misses, refetch storms, large-org over-fetching, payload budgets, expensive API/DB paths, hot files, boundaries, measurement, or ZStudio-scale proof.
Its SKILL.md is about 3.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/optimization-checklist.md`, `references/recent-thread-signals.md` and `references/runbook.md`).
It sits in Development. The repository describes itself as: Open-source local Agent harness for self-improving agent teams: run agents, review work, and turn feedback into reusable skills. The licence is Apache-2.0.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 2676a5c. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
pnpmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Rudder Performance Architecture Maintainer loads about 3.5k tokens when it runs, and up to ~9.8k if it reads all its reference files. Until then it costs about 74 tokens; SKILL.md has 1,631 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from Undertone0809/rudder at commit 2676a5c, republished under its Apache-2.0 licence (© Undertone0809). 1,631 words, ~3,490 tokens.
.claude/skills/rudder-performance-architecture-maintainer/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.Use this skill when the user wants Rudder to become faster, more stable, or cleaner at the architecture boundary. The default result should be evidence-led optimization that preserves product contracts, not speculative tuning.
This skill covers two related classes of work:
Read references/optimization-checklist.md before doing non-trivial work with
this skill. When the user asks for broad optimization or know-how capture, also
read references/recent-thread-signals.md.
Use this skill for requests like:
Do not use this skill when the primary task is:
rudder-data-path-diagnostician-maintainerarchitecture-refactor-driver-maintainerIf the task overlaps, choose the skill that matches the user's visible pain. For example, repeated skeleton loading after navigation belongs here; empty dashboard data belongs to data-path diagnosis.
Capture or infer:
Before proposing a fix, build a small evidence ledger. Keep it in your working notes unless it is useful to show the user.
| Observation | Evidence | Implication |
|---|---|---|
| Page remounts show skeleton | query key includes moving `to` timestamp | cache miss, not missing cache library |
| API is called by multiple cards | network trace or code search | candidate for shared query/prefetch |
| Service loads broad rows then filters | route/service/SQL inspection | push filter down or add index/test |Evidence can come from code search, tests, API calls, browser/network traces,
React Query Devtools-style reasoning, logs, SQL EXPLAIN, benchmarks, or
profiling. Do not tune from screenshots alone.
When live performance, production-shaped data, or user-visible slowness is part of the task, calibrate the runtime before interpreting numbers:
/api/health on the target server and record instanceId, localEnv,
version/build fields, and any restartRequired signalSeparate evidence classes in notes and handoffs:
prod-read-only baseline: current user data shape, sizing, and observed
bottlenecks without mutationcurrent-code dev proof: disposable data on the branch under test, suitable
for before/after timing and browser verificationsynthetic pressure proof: generated row counts and heavy payloads that match
the stress shape but are not a full cloneRead the minimum Rudder context needed for the surface:
AGENTS.mddoc/product/GOAL.md, doc/product/PRODUCT.md, and doc/product/README.md
when the work changes behavior or architectureUse rg first for call sites, query keys, endpoints, invalidation keys, and
hot modules.
When the user asks for global optimization, reusable know-how, or "recent thread" analysis, inspect recent Codex threads before editing code. Look for:
Use the thread evidence as hypotheses, not truth. Re-check the current code and
runtime before implementing. Store durable patterns in
references/recent-thread-signals.md or references/optimization-checklist.md.
Pick the dominant class:
cache-key-instability: keys include moving timestamps, object identity, or
non-canonical filtersfreshness-policy-gap: stale time, refetch, polling, or invalidation does not
match product freshness needsnetwork-waterfall: serial requests could be shared, prefetched, batched, or
moved server-sideover-fetch: UI/API requests more data than the surface needspayload-overweight: item count is bounded but each row carries large
transcript, log, activity, or nested hydration bodiesserver-hot-path: service aggregation, DB query, filesystem scan, or external
process work is too expensiverender-hot-path: React render, memoization, virtualization, or derived state
work is too expensiveboundary-erosion: architecture makes data ownership, caching, or performance
contracts unclearvalidation-slowness: build/test/dev loop is slow because of avoidable setup,
scope, or fixture costfrontend-race: a UI workflow depends on multiple ordered requests where the
server should own atomicityName the first broken boundary. Downstream symptoms matter, but the first broken boundary is where fixes usually belong.
For UI performance, trace:
surface -> hook/query key -> API client -> route -> service -> DB/runtime sourceFor server/runtime performance, trace:
entrypoint -> facade/service -> query/process/filesystem -> response contractRecord:
staleTime, gcTime, placeholder data, polling, focus/reconnect behaviorPrefer behavior-preserving changes that make the real contract explicit:
staleTimelimit, page, cursor, or preview contracts to broad navigation
list calls before optimizing rendering around unbounded dataplaceholderData, prefetch, or shared queries only when stale display is
acceptable and errors remain visibleAvoid adding cache as a blanket cover for slow or incorrect code. Cache should encode a freshness contract, not hide broken invalidation.
When replacing broad list responses with bounded previews, state the semantic tradeoff. A preview endpoint can make navigation fast, but it is not equivalent to a full aggregate unless the server computes the aggregate separately. If offset pagination remains, name the residual skip/duplicate risk under concurrent inserts and prefer cursor semantics for high-churn lists when scope allows.
Match tests to the failure mode:
placeholderData, and invalidation behaviorInclude at least one edge case when the optimization depends on dates, org boundaries, permissions, async runtime state, or large data volume.
Run the narrow validation first, then the repo-appropriate baseline:
pnpm lint
pnpm -r typecheck
pnpm test:run
pnpm buildFor visible UI changes, verify in a browser or desktop shell and include final screenshots when useful. If a baseline command fails for unrelated reasons, report the failing suite and keep the optimization commit scoped.
Per repo rules, commit and push completed skill, performance, or architecture work. Stage only files for the current task when the worktree has unrelated changes.
When a performance or architecture investigation produces a durable rule, add it
to references/optimization-checklist.md or a more specific future reference.
Do not record one-off local paths, private data, or transient timings as general
rules.
now, Date, random id, object literal, or unsorted filter inside
a query key is a cache miss factory.limit, cursor/page, field projection, or a documented server aggregate.For diagnosis:
Root cause: <classification and concrete broken boundary>
Evidence:
- ...
Optimization:
- ...
Validation:
- ...
Follow-up opportunities:
- ...For a quantified optimization report:
Runtime calibration:
- prod-read-only baseline: <server/version/org shape or not used>
- current-code dev proof: <server/version/org shape or not used>
Measurements:
| Surface/API | Env | Before latency | After latency | Delta | Before bytes | After bytes | Delta | Items before/after |
|---|---:|---:|---:|---:|---:|---:|---:|---:|
| ... | ... | ... | ... | ... | ... | ... | ... | ... |
Interpretation:
- ...
Residual risk:
- ...For implementation handoff:
Changed:
- ...
Why it is faster/cleaner:
- ...
Validation:
- ...
Residual risk:
- ...See references/eval-cases.md for trigger tests and expected behavior.
© Undertone0809, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files (references) in agent-skills-bak/maintainer/rudder-performance-architecture-maintainer of Undertone0809/rudder.
Open the folder on GitHubat commit 2676a5c
Rudder Performance Architecture Maintainer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Rudder Performance Architecture Maintainer this skillUndertone0809/rudder | 292 | — | ~3.5k | Automated safety check: Pass | Apache-2.0 | |
| Vercel Composition Patternssupabase/supabase | 111k | 58 repos | ~726 | Automated safety check: Pass | MIT | |
| Finishing a Development Branchobra/superpowers | 297k | 5 repos | ~1.9k | Automated safety check: Pass | MIT | |
| Typescript Advanced Typesrolling-scopes/rsschool-app | 10k | 25 repos | ~4.2k | Automated safety check: Pass | MPL-2.0 | |
| PR Babysitteropeninterpreter/openinterpreter | 69k | 3 repos | ~4.2k | Automated safety check: Pass | Apache-2.0 | |
| Code Review ChecklistshareAI-lab/learn-claude-code | 78k | 4 repos | ~1.1k | Automated safety check: Pass | MIT |
supabase/supabase
React composition patterns that scale. An agent skill from supabase/supabase.
obra/superpowers
Walks the last step of a branch: confirm tests pass, detect the git environment, ask how to integrate, carry out your choice and clean up the worktree.
rolling-scopes/rsschool-app
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications.
openinterpreter/openinterpreter
Watches an open GitHub pull request until it merges, handling review comments, diagnosing CI failures and retrying flaky checks along the way.
shareAI-lab/learn-claude-code
Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.
onyx-dot-app/onyx
Iteratively improves a PR (GitHub), MR (GitLab), or shelved changelist (Perforce) until Greptile gives it a 5/5 confidence score with zero unresolved comments.
Undertone0809/rudder
Turn the current conversation's workflow into a reusable agent skill.
Undertone0809/rudder
A skill your agent uses when starting the current Rudder checkout as a temporary managed local preview with a stable URL, readiness check, logs, stop command, and cleanup path for manual inspection…
Undertone0809/rudder
A skill your agent uses when the user explicitly asks to stop, restart, kill, or clean Rudder repo-local pnpm dev processes or local dev runtime residue, including “把 pnpm dev 停了”, “重启 dev”, or “清掉…
Undertone0809/rudder
Conducts enterprise-grade research with multi-source synthesis, citation tracking, and verification.
Undertone0809/rudder
A skill your agent uses to audit or clean Rudder worktrees, generated artifacts, logs, caches, and repo-owned processes without deleting active work, user data, or unrelated machine state.
Undertone0809/rudder
Create safe inline visual explanations in Rudder Chat. An agent skill from Undertone0809/rudder.
Categories
A skill your agent uses when Rudder needs performance or architecture optimization: slow pages, skeleton loops, query cache misses, refetch storms, large-org over-fetching, payload budgets…. Rudder Performance Architecture Maintainer is an agent skill from Undertone0809/rudder. Use when Rudder needs performance or architecture optimization: slow pages, skeleton loops, query cache misses, refetch storms, large-org over-fetching, payload budgets, expensive API/DB paths, hot files, boundaries, measurement, or ZStudio-scale proof.
Rudder Performance Architecture Maintainer fits situations like: rudder needs performance; architecture optimization: slow pages; query cache misses; large-org over-fetching.
Run `npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a claude-code`. Or copy the skill folder (agent-skills-bak/maintainer/rudder-performance-architecture-maintainer in Undertone0809/rudder) into .claude/skills/rudder-performance-architecture-maintainer in your project. Claude Code loads it when a task matches its description.
Run `npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a codex`. Or copy the skill folder (agent-skills-bak/maintainer/rudder-performance-architecture-maintainer in Undertone0809/rudder) into .agents/skills/rudder-performance-architecture-maintainer in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Undertone0809/rudder --skill rudder-performance-architecture-maintainer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/rudder-performance-architecture-maintainer, .gemini/skills/rudder-performance-architecture-maintainer, .github/skills/rudder-performance-architecture-maintainer and .opencode/skills/rudder-performance-architecture-maintainer in your project.
Going by SKILL.md and its folder, Rudder Performance Architecture Maintainer needs the command-line tools its instructions call (pnpm).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Rudder Performance Architecture Maintainer is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 3.5k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 6.3k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Rudder Performance Architecture Maintainer: Vercel Composition Patterns (supabase/supabase, 111k stars), Finishing a Development Branch (obra/superpowers, 297k stars), Typescript Advanced Types (rolling-scopes/rsschool-app, 10k stars) and PR Babysitter (openinterpreter/openinterpreter, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Undertone0809 (a GitHub user) maintains it in Undertone0809/rudder, which has 292 GitHub stars. The repository holds 30 skills in this directory. The repository was last updated on October 10, 2026.
Source: Undertone0809/rudder on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.