Write a browser Mocha, Node, or Playwright visual spec for this repo.

GPL-3.0Auto-check passedTesting & QA

Install Write Spec

skills CLI
$ npx skills add LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator --skill write-spec -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator write-spec --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/write-spec .claude/skills/write-spec && rm -rf skills-src

Use ~/.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/

Facts

Skill name
write-spec
GitHub stars
1.8k
Token cost
~719 tokens
SKILL.md length
276 words
Files
1
Skills in repo
11
Repo updated
First seen
Licence
GPL-3.0

At a glance

Write a browser Mocha, Node, or Playwright visual spec for this repo.

  • Covering new production lines
  • SKILL.md covers Browser (Testem + Mocha + Chai), Node, Visual (Playwright) and Confirm the new lines are hit
  • Calls npm; needs ARGOS_TOKEN
  • The user asks for a spec

What it does

Write Spec is an agent skill from LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator. Write a browser Mocha, Node, or Playwright visual spec for this repo. Use when adding a test, covering new production lines, or the user asks for a spec. New specs are TypeScript. Register browser specs in tests/tests.js.

Its SKILL.md is about 720 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, covering Browser testing. It works with TypeScript, Playwright and npm. The repository describes itself as: Character Generator based on Universal-LPC-Spritesheet. The licence is GPL-3.0.

When your agent uses it

  • Covering new production lines
  • The user asks for a spec

Example prompts

  • “/write-spec”

Requirements

  • A credential in ARGOS_TOKEN

What it can do on your machine

Read from SKILL.md and the folder at commit 58ce1aa. 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 these keys or tokens, usually read from environment variables:

    • ARGOS_TOKEN

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Write Spec loads about 719 tokens when it runs. Until then it costs about 58 tokens; SKILL.md has 276 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~58
When it runs · the whole SKILL.md, loaded when a task matches
~719

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 LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator at commit 58ce1aa, republished under its GPL-3.0 licence (© LiberatedPixelCup). 276 words, ~719 tokens.

Download SKILL.mdSave it as .claude/skills/write-spec/SKILL.md (or your agent's skills folder).
name
write-spec
description
Write a browser Mocha, Node, or Playwright visual spec for this repo. Use when adding a test, covering new production lines, or the user asks for a spec. New specs are TypeScript. Register browser specs in tests/tests.js.

Write a spec

New specs are TypeScript (*_spec.ts). Do not add a new .js spec.

Browser (Testem + Mocha + Chai)

  • Import describe / it / hooks from "mocha-globals" (Vite alias to tests/bdd-globals.js) and assert or expect from "chai". Render with global m.
  • Thread catalog: CatalogReader and state: State. Use createCatalog(), createState(), and tests/browser-catalog-fixture.js (seedCatalog / seedCatalogWithGeneratedContext). Do not depend on the production catalog or bootstrap state. See catalog.
  • seedCatalogWithGeneratedContext pulls in generated metadata, so run npm run dev or npm run build first or it resolves nothing.
  • beforeEach / afterEach should create and remove DOM hosts.
  • Import the new file from tests/tests.js. If you skip this, Mocha never runs the spec and Codecov patch fails with no test failure. A .ts spec is registered with its real extension (import "./foo_spec.ts";) — see typescript.

New .ts specs are type-checked: tests is in tsconfig.json include under @tsconfig/strictest, so run npm run type-check as well.

Example: Unit and component specs.

Node

Put the file under tests/node/. Import the implementation (.ts, or leftover .js). The runner collects *_spec.js and *_spec.ts automatically — no registry file.

How to run one file: run-one-spec.

Visual (Playwright)

Add cases under tests/visual/. Reuse waits in home-helpers.ts. Do not import the file from tests/tests.js. Visual tests are not Codecov-instrumented; Argos needs ARGOS_TOKEN. When a layout or CSS change warrants a run, and how to write one: visual-test. Isolated run: run-one-spec.

Confirm the new lines are hit

This is a full-suite run, not isolation. Skip if the path is in codecov.yml ignore:.

sources/ → npm run test:browser:coverage, then coverage/browser/index.html (or the terminal report).

scripts/ → npm run test:node:coverage, then coverage/node/index.html.

Which command, what the gates mean, and why comment-only diffs still pass: coverage. PR gates: CONTRIBUTING.md.

© LiberatedPixelCup, 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 .agents/skills/write-spec of LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator.

Open the folder on GitHubat commit 58ce1aa

Compare with similar skills

Write Spec 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.

Write Spec compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Write Spec this skillLiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator1.8k—~719Automated safety check: PassGPL-3.0
Project Docs Maintainerswimmwatch/cloakbrowser-mcp161—~569Automated safety check: PassMIT
RStudio Selenium to Playwright Migrationrstudio/rstudio5.1k—~3.6kAutomated safety check: PassCustom licence
Playwright Coretestdino-hq/playwright-skill3851 repos~1.4kAutomated safety check: PassMIT
PlaywrightKiln-AI/Kiln5.2k—~1.3kAutomated safety check: PassCustom licence
UI Previewtingly-dev/tingly-box351—~2kAutomated safety check: NotesMPL-2.0

Similar skills

  • Project Docs Maintainer

    swimmwatch/cloakbrowser-mcp

    Maintain, organize, consolidate, or audit the cloakbrowser-mcp documentation set only when the user explicitly requests project documentation maintenance or an authorized public change requires it.

    161 GitHub stars~569 tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • Converts RStudio Python Selenium electron tests into TypeScript Playwright tests, checking each against a live RStudio before counting it as migrated.

    5.1k GitHub stars~3.6k tokensUpdated yesterday
    Testing & QAAuto-check passed
  • Playwright Core

    testdino-hq/playwright-skill

    Battle-tested Playwright patterns for writing and debugging reliable E2E, API, component, visual, accessibility, and security tests.

    385 GitHub starsUsed in 1 repo~1.4k tokens
    Testing & QAAuto-check passed
  • Playwright

    Kiln-AI/Kiln

    Look at Kiln's UI in a real browser, and run its end-to-end tests.

    5.2k GitHub stars~1.3k tokensUpdated today
    Testing & QAAuto-check passed
  • UI Preview

    tingly-dev/tingly-box

    Capture headless-Chrome screenshots of the tingly-box frontend (running locally in mock mode) so frontend changes can be visually verified in environments without a real browser.

    351 GitHub stars~2k tokensUpdated today
    Testing & QAAuto-check: notes
  • Svelte Testing

    spences10/sveltest

    Fix and create Svelte 5 tests with vitest-browser-svelte and Playwright.

    113 GitHub stars~579 tokensUpdated yesterday
    Testing & QAAuto-check passed

More from LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

All 11 skills in this repo
  • Cls

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Measure lab CLS with profile:cls, debug layout shift from loading shells and first-paint jump, and keep budgets tied to a CI artifact.

    1.8k GitHub stars~822 tokensUpdated 3 days ago
    Auto-check passed
  • Coverage

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Run and read unit-test coverage for this repo and satisfy the codecov/patch and codecov/changes gates.

    1.8k GitHub stars~1.8k tokensUpdated 3 days ago
    Auto-check passed
  • Performance Profiling

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Run the headless app, catalog-load, and ZIP profilers and interpret the JSON the way a human would from window.profiler.report(), profile:load, and the ZIP console table.

    1.8k GitHub stars~1.8k tokensUpdated 3 days ago
    Auto-check passed
  • Run One Spec

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Run a single Node, browser, or Playwright spec instead of the full suite.

    1.8k GitHub stars~746 tokensUpdated 3 days ago
    Auto-check passed
  • Typescript

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Write TypeScript that satisfies this repo's lint and tsconfig rules, and convert an existing .js file to .ts without breaking its call sites.

    1.8k GitHub stars~1.5k tokensUpdated 3 days ago
    Auto-check passed
  • Generated Metadata

    LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

    Diagnose missing or stale dist/-metadata.js, the Vite metadata plugin cache, and the ../name-metadata.js import alias.

    1.8k GitHub stars~597 tokensUpdated 3 days ago
    Auto-check passed

Categories

Questions about Write Spec

What does Write Spec do?

Write a browser Mocha, Node, or Playwright visual spec for this repo. Write Spec is an agent skill from LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator. Write a browser Mocha, Node, or Playwright visual spec for this repo.

When should I use Write Spec?

Write Spec fits situations like: covering new production lines; the user asks for a spec.

How do I install Write Spec in Claude Code?

Run `npx skills add LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator --skill write-spec -a claude-code`. Or copy the skill folder (.agents/skills/write-spec in LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator) into .claude/skills/write-spec in your project. Claude Code loads it when a task matches its description.

How do I install Write Spec in Codex?

Run `npx skills add LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator --skill write-spec -a codex`. Or copy the skill folder (.agents/skills/write-spec in LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator) into .agents/skills/write-spec in your project. Codex loads it when a task matches its description.

Can I use Write Spec 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 LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator --skill write-spec -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/write-spec, .gemini/skills/write-spec, .github/skills/write-spec and .opencode/skills/write-spec in your project.

What does Write Spec need to run?

Going by SKILL.md and its folder, Write Spec needs the command-line tools its instructions call (npm) and credentials named ARGOS_TOKEN. Our summary lists: A credential in ARGOS_TOKEN.

Does Write Spec 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 Write Spec 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 Write Spec use?

Write Spec 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 Write Spec use?

About 719 tokens (SKILL.md is roughly 2.9k 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 Write Spec?

Skills that share tags, products or a category with Write Spec: Project Docs Maintainer (swimmwatch/cloakbrowser-mcp, 161 stars), RStudio Selenium to Playwright Migration (rstudio/rstudio, 5.1k stars), Playwright Core (testdino-hq/playwright-skill, 385 stars) and Playwright (Kiln-AI/Kiln, 5.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Write Spec?

LiberatedPixelCup (a GitHub organization) maintains it in LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator, which has 1,826 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 4, 2026.

Source: LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.