Nix Chrome Devtools MCP
srid/emanote
chrome-devtools-mcp launcher — a single bash script that resolves Playwright's bundled Chrome-for-Testing and Node.js directly through Nix.
Sets up and runs Fantasia Archive locally using Yarn, Node.js 22.22 or newer, and Quasar Electron mode.
Install Fantasia Dev Setup
$ npx skills add vishiri/fantasia-archive --skill fantasia-dev-setup -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-dev-setup --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/vishiri/fantasia-archive.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .claude/skills/fantasia-dev-setup && 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 "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .claude/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setupType 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 vishiri/fantasia-archive --skill fantasia-dev-setup -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-dev-setup --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .agents/skills/fantasia-dev-setup && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .agents/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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 vishiri/fantasia-archive --skill fantasia-dev-setup -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-dev-setup --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .cursor/skills/fantasia-dev-setup && 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 "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .cursor/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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/vishiri/fantasia-archive.git --path .cursor/skills/fantasia-dev-setup--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 vishiri/fantasia-archive --skill fantasia-dev-setup -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-dev-setup --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .gemini/skills/fantasia-dev-setup && 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 "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .gemini/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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 vishiri/fantasia-archive fantasia-dev-setupInstalls 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 vishiri/fantasia-archive --skill fantasia-dev-setup -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .github/skills/fantasia-dev-setup && 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 "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .github/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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 vishiri/fantasia-archive --skill fantasia-dev-setup -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-dev-setup --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/fantasia-dev-setup .opencode/skills/fantasia-dev-setup && 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 "fantasia-dev-setup" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-dev-setup into .opencode/skills/fantasia-dev-setup/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-dev-setup", 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
fantasia-dev-setup- GitHub stars
- 409
- Token cost
- ~933 tokens
- SKILL.md length
- 256 words
- Files
- 1
- Skills in repo
- 35
- Repo updated
- First seen
- Licence
- GPL-3.0
At a glance
Sets up and runs Fantasia Archive locally using Yarn, Node.js 22.22 or newer, and Quasar Electron mode.
- Installing dependencies
- SKILL.md covers Toolchain, Install, Run (development) and Troubleshooting, plus 3 more sections
- Calls yarn
- Choosing dev vs production build commands
What it does
Fantasia Dev Setup is an agent skill from vishiri/fantasia-archive. Sets up and runs Fantasia Archive locally using Yarn, Node.js 22.22 or newer, and Quasar Electron mode. Use when installing dependencies, choosing dev vs production build commands, or when the user mentions environment setup, CLI, or first run.
Its SKILL.md is about 930 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 Testing & QA. It works with Node.js and Playwright. The repository describes itself as: A world-builder's best friend! The licence is GPL-3.0.
When your agent uses it
- Installing dependencies
- Choosing dev vs production build commands
- The user mentions environment setup
Example prompts
- “/fantasia-dev-setup”
Requirements
- Node.js
What it can do on your machine
Read from SKILL.md and the folder at commit 26d4648. 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:
yarn
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use yarn, 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
Fantasia Dev Setup loads about 933 tokens when it runs. Until then it costs about 66 tokens; SKILL.md has 256 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 vishiri/fantasia-archive at commit 26d4648, republished under its GPL-3.0 licence (© vishiri). 256 words, ~933 tokens.
Download SKILL.mdSave it as
.claude/skills/fantasia-dev-setup/SKILL.md (or your agent's skills folder).- name
- fantasia-dev-setup
- description
- Sets up and runs Fantasia Archive locally using Yarn, Node.js 22.22 or newer, and Quasar Electron mode. Use when installing dependencies, choosing dev vs production build commands, or when the user mentions environment setup, CLI, or first run.
Fantasia Archive — dev setup
Toolchain
- Package manager: Yarn 1.x (CI:
yarn@1.22.19) - Node.js: 22.22.0+ (
package.jsonengines.node>=22.22.0) - Quasar CLI (optional global):
yarn global add @quasar/cli - CI:
.github/workflows/verify.yml—yarn testbatch:verifyonly; Storybook VRT local only
Install
yarnDnD libs (vue-draggable-plus, quasar-ui-q-draggable-table) in package.json; boot q-draggable-table. Policy: fantasia-drag-drop.
Run (development)
quasar dev -m electron(yarn quasar:dev:electron). Electron + Storybook together: yarn app:dev.
Post-implementation agent gates (dev-electron-compile-check.mdc): (1) dev scoped gate (fantasia-dev-scoped-verify), (2) yarn quasar:dev:electron 20s compile smoke — separate terminals; kill agent-spawned dev after pass. Full yarn testbatch:verify only at final cleanup, commit, or explicit user request.
Troubleshooting
Electron failed to install correctly
Postinstall skipped → missing node_modules/electron/dist.
rm -rf node_modules/electron # PowerShell: Remove-Item -Recurse -Force node_modules/electron
yarn install
# or: node node_modules/electron/install.jsDevTools Autofill CDP noise
Harmless stderr; main process filters specific lines.
better-sqlite3 bindings missing
Native addon must match Electron ABI.
yarn rebuild:nativeClose quasar dev first on Windows file locks. If still fails: remove node_modules/better-sqlite3, yarn install (scripts enabled), yarn rebuild:native again.
Production build
Required for packaged behavior + before Playwright:
quasar build -m electron(yarn quasar:build:electron = quasar build -m electron --publish never).
Quieter: yarn quasar:build:electron:summarized — log in test-results/quasar-build-electron-last.log.
Playwright userData: TEST_ENV components/e2e → %APPDATA%/fantasia-archive/playwright-user-data. Serial suites reset in test.beforeAll only — see fantasia-testing.
Quick reference
| Goal | Command |
|---|---|
| Dev scoped gate (agents) | fantasia-dev-scoped-verify |
| Full quality gate | yarn testbatch:verify |
| Full project gate | yarn testbatch:ensure:nochange |
| Refresh Storybook VRT | yarn testbatch:ensure:change |
| ESLint | yarn lint:eslint |
| TypeScript | yarn lint:typescript |
| Stylelint | yarn lint:stylelint |
| Unit tests | yarn test:unit |
| Component tests | yarn test:components (after prod build) |
| E2E | yarn test:e2e (after prod build) |
Storybook: yarn --cwd .storybook-workspace install after root yarn.
See eslint-typescript.mdc, fantasia-dev-scoped-verify, fantasia-testing. Yarn 1.x: yarn check ≠ quality gate — full yarn testbatch:verify at commit; dev scoped gate while iterating.
Types
Shared types → types/. See types-folder.mdc.
© vishiri, GPL-3.0. 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/fantasia-dev-setup of vishiri/fantasia-archive.
Open the folder on GitHubat commit 26d4648
Compare with similar skills
Fantasia Dev Setup 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 |
|---|---|---|---|---|---|---|
| Fantasia Dev Setup this skillvishiri/fantasia-archive | 409 | — | ~933 | Automated safety check: Pass | GPL-3.0 | |
| Nix Chrome Devtools MCPsrid/emanote | 963 | 1 repos | ~271 | Automated safety check: Pass | Custom licence | |
| Typescript Testingmacalbert/envilder | 138 | — | ~2.2k | Automated safety check: Pass | MIT | |
| Cloudflare Browser Renderingsecondsky/claude-skills | 227 | — | ~4k | Automated safety check: Pass | MIT | |
| PlaywrightEliasOulkadi/shokunin | 114 | — | ~3.6k | Automated safety check: Notes | MIT | |
| Ego Browserkwakseongjae/oh-my-design | 531 | 2 repos | ~4.9k | Automated safety check: Pass | MIT |
Similar skills
Typescript Testing
macalbert/envilder
Mandatory testing conventions for TypeScript stacks (Vitest for CLI/SDK/Website/CDK).
Cloudflare Browser Rendering
secondsky/claude-skills
Cloudflare Browser Rendering with Puppeteer/Playwright. An agent skill from secondsky/claude-skills.
Playwright
EliasOulkadi/shokunin
Browser automation, web scraping, E2E testing, and visual regression with Playwright.
Ego Browser
kwakseongjae/oh-my-design
When you need a browser, read this Skill by default. An agent skill from kwakseongjae/oh-my-design.
- Official
Web Application Testing
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
More from vishiri/fantasia-archive
All 35 skills in this repoCaveman Commit
vishiri/fantasia-archive
Ultra-compressed commit message generator. An agent skill from vishiri/fantasia-archive.
Caveman Review
vishiri/fantasia-archive
Ultra-compressed code review comments. An agent skill from vishiri/fantasia-archive.
Caveman Compress
vishiri/fantasia-archive
Compress natural language memory files (CLAUDE.md, todos, preferences) into caveman format to save input tokens.
Cavecrew
vishiri/fantasia-archive
Decision guide for delegating to caveman-style subagents. An agent skill from vishiri/fantasia-archive.
Caveman Help
vishiri/fantasia-archive
Quick-reference card for all caveman modes, skills, and commands.
Fantasia Context Menu Dividers
vishiri/fantasia-archive
Context menu divider policy: full primary-bright group separators vs low-opacity separatorAlt between consecutive items in the same group.
Related
Works with
Categories
Questions about Fantasia Dev Setup
What does Fantasia Dev Setup do?
Sets up and runs Fantasia Archive locally using Yarn, Node.js 22.22 or newer, and Quasar Electron mode. Fantasia Dev Setup is an agent skill from vishiri/fantasia-archive.22 or newer, and Quasar Electron mode.
When should I use Fantasia Dev Setup?
Fantasia Dev Setup fits situations like: installing dependencies; choosing dev vs production build commands; the user mentions environment setup.
How do I install Fantasia Dev Setup in Claude Code?
Run `npx skills add vishiri/fantasia-archive --skill fantasia-dev-setup -a claude-code`. Or copy the skill folder (.cursor/skills/fantasia-dev-setup in vishiri/fantasia-archive) into .claude/skills/fantasia-dev-setup in your project. Claude Code loads it when a task matches its description.
How do I install Fantasia Dev Setup in Codex?
Run `npx skills add vishiri/fantasia-archive --skill fantasia-dev-setup -a codex`. Or copy the skill folder (.cursor/skills/fantasia-dev-setup in vishiri/fantasia-archive) into .agents/skills/fantasia-dev-setup in your project. Codex loads it when a task matches its description.
Can I use Fantasia Dev Setup 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 vishiri/fantasia-archive --skill fantasia-dev-setup -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fantasia-dev-setup, .gemini/skills/fantasia-dev-setup, .github/skills/fantasia-dev-setup and .opencode/skills/fantasia-dev-setup in your project.
What does Fantasia Dev Setup need to run?
Going by SKILL.md and its folder, Fantasia Dev Setup needs the command-line tools its instructions call (yarn). Our summary lists: Node.js.
Does Fantasia Dev Setup access the network?
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.
Is Fantasia Dev Setup 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 Fantasia Dev Setup use?
Fantasia Dev Setup is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Fantasia Dev Setup use?
About 933 tokens (SKILL.md is roughly 3.7k 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 Fantasia Dev Setup?
Skills that share tags, products or a category with Fantasia Dev Setup: Nix Chrome Devtools MCP (srid/emanote, 963 stars), Typescript Testing (macalbert/envilder, 138 stars), Cloudflare Browser Rendering (secondsky/claude-skills, 227 stars) and Playwright (EliasOulkadi/shokunin, 114 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Fantasia Dev Setup?
vishiri (a GitHub user) maintains it in vishiri/fantasia-archive, which has 409 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on October 7, 2026.
Source: vishiri/fantasia-archive on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.