React Doctor
makeplane/plane
Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.
Implements hub-and-spoke lazy loading to minimize token usage in large skills.
$ npx skills add athola/claude-night-market --skill progressive-loading -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install athola/claude-night-market progressive-loading --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/athola/claude-night-market.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .claude/skills/progressive-loading && 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 "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .claude/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loadingType 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 athola/claude-night-market --skill progressive-loading -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install athola/claude-night-market progressive-loading --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .agents/skills/progressive-loading && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .agents/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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 athola/claude-night-market --skill progressive-loading -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install athola/claude-night-market progressive-loading --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .cursor/skills/progressive-loading && 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 "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .cursor/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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/athola/claude-night-market.git --path plugins/leyline/skills/progressive-loading--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 athola/claude-night-market --skill progressive-loading -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install athola/claude-night-market progressive-loading --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .gemini/skills/progressive-loading && 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 "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .gemini/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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 athola/claude-night-market progressive-loadingInstalls 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 athola/claude-night-market --skill progressive-loading -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .github/skills/progressive-loading && 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 "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .github/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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 athola/claude-night-market --skill progressive-loading -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install athola/claude-night-market progressive-loading --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/leyline/skills/progressive-loading .opencode/skills/progressive-loading && 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 "progressive-loading" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/leyline/skills/progressive-loading into .opencode/skills/progressive-loading/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "progressive-loading", 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.
progressive-loadingImplements hub-and-spoke lazy loading to minimize token usage in large skills.
Progressive Loading is an agent skill from athola/claude-night-market. Implements hub-and-spoke lazy loading to minimize token usage in large skills. Use when building multi-module skills that need conditional on-demand loading.
Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 25 other files (for example `README.md`, `modules/advanced-patterns.md` and `modules/api-patterns.md`).
It sits in Frontend & Design, covering Web performance and LLM cost and token optimization. The repository describes itself as: 23 Claude Code plugins: TDD enforcement hooks, git/PR workflows, spec-driven development, code review, project lifecycle, fix-from-error, maintenance automation, context… The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 9f3eb00. 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.
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown, python and yaml).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
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.
Progressive Loading loads about 2.3k tokens when it runs. Until then it costs about 44 tokens; SKILL.md has 792 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 athola/claude-night-market at commit 9f3eb00, republished under its MIT licence (© athola). 792 words, ~2,302 tokens.
.claude/skills/progressive-loading/SKILL.md (or your agent's skills folder). This skill also uses 24 other files; get the full folder from GitHub.Progressive loading provides standardized patterns for building skills that load modules dynamically based on context, user intent, and available token budget. This prevents loading unnecessary content while ensuring required functionality is available when needed.
The core principle: Start minimal, expand intelligently, monitor continuously.
Use progressive loading when building skills that:
## Progressive Loading
**Context A**: Load `modules/loading-patterns.md` for scenario A
**Context B**: Load `modules/selection-strategies.md` for scenario B
**Always Available**: Core utilities, exit criteria, integration pointsVerification: Run the command with --help flag to verify availability.
Modules are declared in the skill's YAML frontmatter and
loaded on demand with a @modules/ directive. The hub reads
the detected context, then loads only the spokes that match:
---
modules:
- modules/git-catchup-patterns.md
- modules/python-testing.md
---
When the intent is a branch or PR catch-up, load
`@modules/git-catchup-patterns.md`. When the artifacts include
Python tests, also load `@modules/python-testing.md`.To keep loads within the MECW token budget, check whether a
module fits before pulling it in. The MECWMonitor in
plugins/leyline/src/leyline/mecw.py exposes the methods used
here:
from leyline.mecw import MECWMonitor
monitor = MECWMonitor()
monitor.track_usage(current_context_tokens)
# module_estimated_tokens comes from the module frontmatter
can_load, reasons = monitor.can_handle_additional(module_estimated_tokens)Load the next module only when can_load is true. Each
module records its cost in its frontmatter estimated_tokens
field.
See modules/selection-strategies.md for detailed strategies:
See modules/loading-patterns.md for implementation patterns:
imbue:catchup loads git/docs/logs modules by contextmodules/selection-strategies.md for choosing modulesmodules/loading-patterns.md for implementation techniquesmodules/performance-budgeting.md for token budget model and optimization workflowmodules/advanced-patterns.md for nested hubs, multi-tier disclosure, and cross-skill module sharingmodules/troubleshooting.md when modules fail to load, context detection misfires, or token budgets are exceededThese modules are loaded on demand by the hub based on detected artifacts and user intent. They are listed in frontmatter so the selector can match them, but the hub should only load the ones whose activation context fires.
Operating-system patterns (load on detected platform):
modules/linux-patterns.md: Linux-specific shell, paths, and process patternsmodules/macos-patterns.md: macOS-specific tooling and platform quirksmodules/windows-patterns.md: Windows shell, path, and PowerShell patternsLanguage and runtime patterns (load on detected ecosystem):
modules/modern-python.md: Python 3.11+ idioms, typing, asyncmodules/legacy-python.md: Python 2 / pre-3.8 compatibility patternsmodules/python-packaging.md: pyproject.toml, uv, pip, hatch, poetrymodules/python-patterns.md: General Python authoring patternsmodules/python-testing.md: pytest, fixtures, parametrization, mockingmodules/cargo-patterns.md: Rust Cargo workspace and dependency patternsmodules/rust-review.md: Rust code-review patternsWorkflow patterns (load on detected task):
modules/api-patterns.md: API design and endpoint conventionsmodules/api-review.md: API surface review patternsmodules/git-patterns.md: Git workflow and history patternsmodules/git-catchup-patterns.md: Catching up on a branch or PR diffmodules/document-analysis-patterns.md: Reading and analyzing documentsmodules/log-analysis-patterns.md: Parsing and reasoning over logsmodules/performance.md: Performance investigation patternsReference material (load only when explicitly cited):
modules/large-reference.md: Large reference tables and lookups (load
last; tokens are non-trivial)This skill provides foundational patterns referenced by:
abstract:modular-skills - Uses progressive loading for skill designconserve:context-optimization - Uses for MECW-compliant loadingimbue:catchup - Uses for context-based module selectionReference in your skill's frontmatter:
dependencies: [leyline:progressive-loading, conserve:context-optimization]
progressive_loading: trueVerification: Run the command with --help flag to verify availability.
© athola, MIT. 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 24 other files in plugins/leyline/skills/progressive-loading of athola/claude-night-market.
Open the folder on GitHubat commit 9f3eb00
Progressive Loading 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 |
|---|---|---|---|---|---|---|
| Progressive Loading this skillathola/claude-night-market | 342 | — | ~2.3k | Automated safety check: Pass | MIT | |
| React Doctormakeplane/plane | 60k | 12 repos | ~657 | Automated safety check: Pass | AGPL-3.0 | |
| Fixing Motion Performanceibelick/ui-skills | 9.4k | 5 repos | ~1.4k | Automated safety check: Pass | MIT | |
| GSAP Performance Tuninggreensock/gsap-skills | 16k | 4 repos | ~1k | Automated safety check: Pass | MIT | |
| React Frontend Development Guidelinesdiet103/claude-code-infrastructure-showcase | 10k | 2 repos | ~2.9k | Automated safety check: Pass | MIT | |
| Web Quality Auditaddyosmani/web-quality-skills | 2.9k | — | ~2.6k | Automated safety check: Pass | MIT |
makeplane/plane
Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.
ibelick/ui-skills
Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.
greensock/gsap-skills
Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.
diet103/claude-code-infrastructure-showcase
Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.
addyosmani/web-quality-skills
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.
AgriciDaniel/codex-seo
Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.
athola/claude-night-market
Run and interpret repo diagnostic scripts (ratchets, validators, token stats).
athola/claude-night-market
Evaluate Claude skill quality through auditing. An agent skill from athola/claude-night-market.
athola/claude-night-market
Coordinates Claude agent teams via filesystem protocol. An agent skill from athola/claude-night-market.
athola/claude-night-market
Delegates execution to eight CLIs (Gemini, Qwen, MiniMax, GLM, Muse, Codex, OpenCode, Glimmer).
athola/claude-night-market
Guide minimal code via a decision ladder with full safety, edge, and negative-case coverage.
athola/claude-night-market
Build a project skill library in .claude/skills/ via discovery, parallel authoring, and review.
Categories
Implements hub-and-spoke lazy loading to minimize token usage in large skills. Progressive Loading is an agent skill from athola/claude-night-market. Implements hub-and-spoke lazy loading to minimize token usage in large skills.
Progressive Loading fits situations like: building multi-module skills that need conditional on-demand loading; tasks that involve Web performance; tasks that involve LLM cost and token optimization.
Run `npx skills add athola/claude-night-market --skill progressive-loading -a claude-code`. Or copy the skill folder (plugins/leyline/skills/progressive-loading in athola/claude-night-market) into .claude/skills/progressive-loading in your project. Claude Code loads it when a task matches its description.
Run `npx skills add athola/claude-night-market --skill progressive-loading -a codex`. Or copy the skill folder (plugins/leyline/skills/progressive-loading in athola/claude-night-market) into .agents/skills/progressive-loading 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 athola/claude-night-market --skill progressive-loading -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/progressive-loading, .gemini/skills/progressive-loading, .github/skills/progressive-loading and .opencode/skills/progressive-loading in your project.
SKILL.md names no scripts, command-line tools or credentials: Progressive Loading is instructions for the agent only. Our summary lists: Python 3.
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.
Progressive Loading is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.3k tokens (SKILL.md is roughly 9.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Progressive Loading: React Doctor (makeplane/plane, 60k stars), Fixing Motion Performance (ibelick/ui-skills, 9.4k stars), GSAP Performance Tuning (greensock/gsap-skills, 16k stars) and React Frontend Development Guidelines (diet103/claude-code-infrastructure-showcase, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
athola (a GitHub user) maintains it in athola/claude-night-market, which has 342 GitHub stars. The repository holds 160 skills in this directory. The repository was last updated on October 6, 2026.
Source: athola/claude-night-market on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.