Agent skill

Write Frontend Tests

by Elite588 in Elite588/AUTOGPT

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them.

Custom licenceAuto-check passedTesting & QA

Install Write Frontend Tests

skills CLI
$ npx skills add Elite588/AUTOGPT --skill write-frontend-tests -a claude-code

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

GitHub CLI
$ gh skill install Elite588/AUTOGPT write-frontend-tests --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/Elite588/AUTOGPT.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/write-frontend-tests .claude/skills/write-frontend-tests && 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-frontend-tests
GitHub stars
103
Token cost
~1.9k tokens
SKILL.md length
511 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
Custom licence

At a glance

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them.

  • Works in 7 steps: Identify changed frontend files → Categorize changes and find test targets → Check for existing tests → …
  • User asks to write frontend tests
  • SKILL.md covers References, Step 1: Identify changed…, Step 2: Categorize changes and… and Step 3: Check for existing tests, plus 4 more sections
  • Calls pnpm and git

What it does

Write Frontend Tests is an agent skill from Elite588/AUTOGPT. Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. TRIGGER when user asks to write frontend tests, add test coverage, or 'write tests for my changes'.

Its SKILL.md is about 1.9k 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 Test generation, Integration testing and Test coverage. The repository describes itself as: AutoGPT is the vision of accessible AI for everyone, to use and to build on. Our mission is to provide the tools, so that you can focus on what matters. It is a powerful platform…

When your agent uses it

  • User asks to write frontend tests
  • Add test coverage
  • Write tests for my changes

Example prompts

  • “write tests for my changes”
  • “/write-frontend-tests”

Workflow steps

7 steps, taken from the step headings in SKILL.md.

  1. Identify changed frontend files
  2. Categorize changes and find test targets
  3. Check for existing tests
  4. Identify API endpoints used
  5. Write the test plan
  6. Write the tests
  7. Run and verify

What it can do on your machine

Read from SKILL.md and the folder at commit 9e4bc5b. 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:

    • pnpm
    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pnpm and git, 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

Write Frontend Tests loads about 1.9k tokens when it runs. Until then it costs about 61 tokens; SKILL.md has 511 words of instructions outside code blocks.

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

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 511 words (~1,850 tokens).

“Analyze the current branch's frontend changes, plan integration tests, and write them.”

— opening of SKILL.md by Elite588, Custom licence
name
write-frontend-tests
user-invocable
true
args
[base branch] — defaults to dev. Optionally pass a specific base branch to diff against.
metadata.author
autogpt-team
metadata.version
1.0.0

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/write-frontend-tests of Elite588/AUTOGPT.

Open the folder on GitHubat commit 9e4bc5b

Compare with similar skills

Write Frontend Tests 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 Frontend Tests compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Write Frontend Tests this skillElite588/AUTOGPT103—~1.9kAutomated safety check: PassCustom licence
Memstack Development Test Writercwinvestments/memstack423—~3.7kAutomated safety check: PassProprietary
Test Experteinverne/dotfiles121—~2.3kAutomated safety check: PassGPL-3.0
Scenario Testingaiskillstore/marketplace4301 repos~830Automated safety check: PassNone
Recommending Test Layersbitwarden/ai-plugins154—~2.4kAutomated safety check: PassCustom licence
Test Automationrevfactory/harness-1001.3k—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • Memstack Development Test Writer

    cwinvestments/memstack

    A skill your agent uses when the user says 'write tests', 'add tests', 'test coverage', 'unit tests', 'integration tests', 'component tests', 'mocking', 'edge cases', or needs to generate tests with…

    423 GitHub stars~3.7k tokensUpdated 11 days ago
    Testing & QAAuto-check passed
  • Test Expert

    einverne/dotfiles

    Testing methodologies, test-driven development (TDD), unit and integration testing, and testing best practices across multiple frameworks.

    121 GitHub stars~2.3k tokensUpdated 28 days ago
    Testing & QAAuto-check passed
  • Scenario Testing

    aiskillstore/marketplace

    This skill should be used when writing tests, validating features, or needing to verify code works.

    430 GitHub starsUsed in 1 repo~830 tokens
    Testing & QAAuto-check passed
  • Recommending Test Layers

    bitwarden/ai-plugins

    Official

    A skill your agent uses when deciding WHICH new tests a change needs and at WHICH layer each belongs, working from a Jira key, a Testmo CSV, an assessing-test-coverage report, a PR, or a feature…

    154 GitHub stars~2.4k tokensUpdated today
    Testing & QAAuto-check passed
  • Test Automation

    revfactory/harness-100

    A full test automation pipeline. An agent skill from revfactory/harness-100.

    1.3k GitHub stars~1.7k tokensUpdated 6 mo ago
    Testing & QAAuto-check passed
  • OpenROAD Module Test Adder

    The-OpenROAD-Project/OpenROAD

    Adds integration or unit tests to an OpenROAD module: writes the Tcl test, generates golden files and registers it in both CMake and Bazel.

    3.2k GitHub stars~1.8k tokensUpdated today
    Testing & QAAuto-check passed

More from Elite588/AUTOGPT

All 8 skills in this repo
  • Open PR

    Elite588/AUTOGPT

    Open a pull request with proper PR template, test coverage, and review workflow.

    103 GitHub stars~1.3k tokensUpdated 5 mo ago
    Auto-check passed
  • PR Review

    Elite588/AUTOGPT

    Review a PR for correctness, security, code quality, and testing issues.

    103 GitHub stars~768 tokensUpdated 5 mo ago
    Auto-check passed
  • Orchestrate

    Elite588/AUTOGPT

    Meta-agent supervisor that manages a fleet of Claude Code agents running in tmux windows.

    103 GitHub stars~9.2k tokensUpdated 5 mo ago
    Auto-check: warnings
  • Setup Repo

    Elite588/AUTOGPT

    Initialize a worktree-based repo layout for parallel development.

    103 GitHub stars~1.6k tokensUpdated 5 mo ago
    Auto-check: notes
  • Worktree

    Elite588/AUTOGPT

    Set up a new git worktree for parallel development. An agent skill from Elite588/AUTOGPT.

    103 GitHub stars~667 tokensUpdated 5 mo ago
    Auto-check: notes
  • PR Address

    Elite588/AUTOGPT

    Address PR review comments and loop until CI green and all comments resolved.

    103 GitHub stars~5.3k tokensUpdated 5 mo ago
    Auto-check passed

Categories

Questions about Write Frontend Tests

What does Write Frontend Tests do?

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. Write Frontend Tests is an agent skill from Elite588/AUTOGPT. Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them.

When should I use Write Frontend Tests?

Write Frontend Tests fits situations like: user asks to write frontend tests; add test coverage; write tests for my changes.

How do I install Write Frontend Tests in Claude Code?

Run `npx skills add Elite588/AUTOGPT --skill write-frontend-tests -a claude-code`. Or copy the skill folder (.claude/skills/write-frontend-tests in Elite588/AUTOGPT) into .claude/skills/write-frontend-tests in your project. Claude Code loads it when a task matches its description.

How do I install Write Frontend Tests in Codex?

Run `npx skills add Elite588/AUTOGPT --skill write-frontend-tests -a codex`. Or copy the skill folder (.claude/skills/write-frontend-tests in Elite588/AUTOGPT) into .agents/skills/write-frontend-tests in your project. Codex loads it when a task matches its description.

Can I use Write Frontend Tests 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 Elite588/AUTOGPT --skill write-frontend-tests -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-frontend-tests, .gemini/skills/write-frontend-tests, .github/skills/write-frontend-tests and .opencode/skills/write-frontend-tests in your project.

What does Write Frontend Tests need to run?

Going by SKILL.md and its folder, Write Frontend Tests needs the command-line tools its instructions call (pnpm and git).

Does Write Frontend Tests access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Write Frontend Tests 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 Frontend Tests use?

Write Frontend Tests has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Write Frontend Tests use?

About 1.9k tokens (SKILL.md is roughly 7.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 Write Frontend Tests?

Skills that share tags, products or a category with Write Frontend Tests: Memstack Development Test Writer (cwinvestments/memstack, 423 stars), Test Expert (einverne/dotfiles, 121 stars), Scenario Testing (aiskillstore/marketplace, 430 stars) and Recommending Test Layers (bitwarden/ai-plugins, 154 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Write Frontend Tests?

Elite588 (a GitHub user) maintains it in Elite588/AUTOGPT, which has 103 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on April 16, 2026.

Source: Elite588/AUTOGPT on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.