Frontend Build Timing Audit
openops-cloud/openops
Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…
Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.
Install Playground Browser Bundles
$ npx skills add dashersw/gea --skill playground-browser-bundles -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dashersw/gea playground-browser-bundles --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/dashersw/gea.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .claude/skills/playground-browser-bundles && 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 "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .claude/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundlesType 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 dashersw/gea --skill playground-browser-bundles -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dashersw/gea playground-browser-bundles --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dashersw/gea.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .agents/skills/playground-browser-bundles && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .agents/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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 dashersw/gea --skill playground-browser-bundles -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dashersw/gea playground-browser-bundles --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dashersw/gea.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .cursor/skills/playground-browser-bundles && 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 "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .cursor/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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/dashersw/gea.git --path .cursor/skills/playground-browser-bundles--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 dashersw/gea --skill playground-browser-bundles -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dashersw/gea playground-browser-bundles --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dashersw/gea.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .gemini/skills/playground-browser-bundles && 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 "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .gemini/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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 dashersw/gea playground-browser-bundlesInstalls 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 dashersw/gea --skill playground-browser-bundles -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dashersw/gea.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .github/skills/playground-browser-bundles && 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 "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .github/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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 dashersw/gea --skill playground-browser-bundles -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dashersw/gea playground-browser-bundles --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dashersw/gea.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/playground-browser-bundles .opencode/skills/playground-browser-bundles && 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 "playground-browser-bundles" agent skill from https://github.com/dashersw/gea/tree/main/.cursor/skills/playground-browser-bundles into .opencode/skills/playground-browser-bundles/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playground-browser-bundles", 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.
Facts
- Skill name
playground-browser-bundles- GitHub stars
- 1.3k
- Token cost
- ~350 tokens
- SKILL.md length
- 100 words
- Files
- 1
- Skills in repo
- 4
- Repo updated
- First seen
- Licence
- MIT
At a glance
Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.
- Building browser bundles
- SKILL.md covers When to rebuild, Build order and Commit convention
- Calls npm
- Syncing the playground
What it does
Playground Browser Bundles is an agent skill from dashersw/gea. Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source. Use when building browser bundles, syncing the playground, or committing changes that affect the playground preview.
Its SKILL.md is about 350 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design. It works with Vite and npm. The repository describes itself as: A batteries-included, reactive JavaScript UI framework. No virtual DOM. Compile-time JSX transforms. Proxy-based stores. Surgical DOM patching. The licence is MIT.
When your agent uses it
- Building browser bundles
- Syncing the playground
- Committing changes that affect the playground preview
Example prompts
- “/playground-browser-bundles”
What it can do on your machine
Read from SKILL.md and the folder at commit 51da237. It shows what the files ask for, not the result of running them.
Tool permissions
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.
Runs code
Shell commands in SKILL.md call:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Playground Browser Bundles loads about 350 tokens when it runs. Until then it costs about 62 tokens; SKILL.md has 100 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.
Safety
Auto-check passed
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.
SKILL.md
The full file from dashersw/gea at commit 51da237, republished under its MIT licence (© dashersw). 100 words, ~350 tokens.
Download SKILL.mdSave it as
.claude/skills/playground-browser-bundles/SKILL.md (or your agent's skills folder).- name
- playground-browser-bundles
- description
- Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source. Use when building browser bundles, syncing the playground, or committing changes that affect the playground preview.
Playground Browser Bundles
The website playground at website/playground/ ships two pre-built browser bundles:
| Bundle | Source package | Build command |
|---|---|---|
gea-core.js | @geajs/core | npm run build -w @geajs/core then npm run sync:playground-gea-core |
gea-compiler-browser.js | @geajs/vite-plugin | npm run build:browser -w @geajs/vite-plugin |
When to rebuild
Rebuild both bundles whenever either package's source changes. The compiler generates code that calls runtime helpers from core (e.g. geaEscapeHtml, geaSanitizeAttr), so they must stay in sync.
Build order
Order matters — gea-core.js is copied from the dist build, so the core package must be built before syncing:
# 1. Rebuild core dist (required if core source changed)
npm run build -w @geajs/core
# 2. Copy built core into playground
npm run sync:playground-gea-core
# 3. Rebuild compiler browser bundle
npm run build:browser -w @geajs/vite-pluginCommit convention
Bundle rebuilds go in a separate commit: chore: rebuild playground browser bundles.
© dashersw, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .cursor/skills/playground-browser-bundles of dashersw/gea.
Open the folder on GitHubat commit 51da237
Compare with similar skills
Playground Browser Bundles 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 |
|---|---|---|---|---|---|---|
| Playground Browser Bundles this skilldashersw/gea | 1.3k | — | ~350 | Automated safety check: Pass | MIT | |
| Frontend Build Timing Auditopenops-cloud/openops | 1.1k | — | ~2.3k | Automated safety check: Pass | Custom licence | |
| Vuetify Skilldlogue/vite-vuetify-ts-starter | 181 | 1 repos | ~1.9k | Automated safety check: Pass | MIT | |
| Convex Quickstartspokvulcan/poker-planning | 114 | 6 repos | ~3.5k | Automated safety check: Notes | MIT | |
| Spotpatchhuanglvjing/spotpatch | 134 | — | ~998 | Automated safety check: Pass | MIT | |
| Oryxos Admin UIoryx-labs/oryxos | 187 | — | ~913 | Automated safety check: Pass | Apache-2.0 |
Similar skills
Vuetify Skilld
logue/vite-vuetify-ts-starter
Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.
Convex Quickstart
spokvulcan/poker-planning
Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.
Spotpatch
huanglvjing/spotpatch
为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。
Oryxos Admin UI
oryx-labs/oryxos
生成或扩展 OryxOS 的 Web 管理台（web manager）前端——Vue 3 + Vite 单页应用，视觉与官网首页 （website/，VitePress）完全同源：深色底 + 橙色主色、Inter/JetBrains Mono。内置这套设计 token、 工程约定（base '/admin/'、产物落 oryxos-web static/admin、SPA…
Swc Plugin Compatibility
B0und/WikiSpeedrun
Diagnose and fix Lingui SWC plugin compatibility errors with Next.js, Vite, Rspack, or other SWC runtimes.
More from dashersw/gea
Gea Framework
dashersw/gea
A skill your agent uses when creating Gea applications, components, stores, routes, SSR entry points, JSX templates, or working with Gea reactivity and DOM patching.
Gea UI Components
dashersw/gea
Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework.
React To Gea Migration
dashersw/gea
Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state management, routing, styling, and known pitfalls.
Related
Categories
Questions about Playground Browser Bundles
What does Playground Browser Bundles do?
Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source. Playground Browser Bundles is an agent skill from dashersw/gea. Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.
When should I use Playground Browser Bundles?
Playground Browser Bundles fits situations like: building browser bundles; syncing the playground; committing changes that affect the playground preview.
How do I install Playground Browser Bundles in Claude Code?
Run `npx skills add dashersw/gea --skill playground-browser-bundles -a claude-code`. Or copy the skill folder (.cursor/skills/playground-browser-bundles in dashersw/gea) into .claude/skills/playground-browser-bundles in your project. Claude Code loads it when a task matches its description.
How do I install Playground Browser Bundles in Codex?
Run `npx skills add dashersw/gea --skill playground-browser-bundles -a codex`. Or copy the skill folder (.cursor/skills/playground-browser-bundles in dashersw/gea) into .agents/skills/playground-browser-bundles in your project. Codex loads it when a task matches its description.
Can I use Playground Browser Bundles in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dashersw/gea --skill playground-browser-bundles -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playground-browser-bundles, .gemini/skills/playground-browser-bundles, .github/skills/playground-browser-bundles and .opencode/skills/playground-browser-bundles in your project.
What does Playground Browser Bundles need to run?
Going by SKILL.md and its folder, Playground Browser Bundles needs the command-line tools its instructions call (npm).
Does Playground Browser Bundles access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Playground Browser Bundles safe to install?
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.
What licence does Playground Browser Bundles use?
Playground Browser Bundles is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Playground Browser Bundles use?
About 350 tokens (SKILL.md is roughly 1.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Playground Browser Bundles?
Skills that share tags, products or a category with Playground Browser Bundles: Frontend Build Timing Audit (openops-cloud/openops, 1.1k stars), Vuetify Skilld (logue/vite-vuetify-ts-starter, 181 stars), Convex Quickstart (spokvulcan/poker-planning, 114 stars) and Spotpatch (huanglvjing/spotpatch, 134 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Playground Browser Bundles?
dashersw (a GitHub user) maintains it in dashersw/gea, which has 1,258 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on September 30, 2026.
Source: dashersw/gea on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.