mengxi-reamCommunity·22 Agent Skills Included

read-frog

Build, test, and ship browser extensions with AI agent workflows

Equips AI agents to develop, debug, and ship the Read Frog browser translation extension. Covers real-browser testing, performance forensics, safe config migrations, PR preparation, and React and animation best practices. Removes guesswork from extension debugging by giving agents proven harnesses, checklists, and review standards.

9,414|668

↗

npx skills add mengxi-ream/read-frog --all -g -y

Available:

Tells the AI agent how to run tests safely in this repo (skipping live translation API tests) and how to format PR titles and changesets when preparing contributions.

All Skills in This Repository (22)

Pure Emerald Level Indicators

📦 In Repo

mengxi-ream

migration-scripts

Enforce frozen snapshots and isolated imports for database and config migrations.

prepare-pr

Validate git state, organize commits, and generate PR descriptions.

web-design-guidelines

Fetch Web Interface Guidelines and review UI code for compliance.

extension-real-browser-testing

Reproduce extension issues in real browsers with built artifacts and local repro pages.

find-skills

Search the agent-skills registry and present install commands via the Skills CLI.

webext-core

Provide utilities for cross-context RPC, type-safe messaging, and browser extension testing.

adversarial-review

Spawn opposite-model reviewers to critique code diffs and synthesize verdicts.

wxt

Build cross-browser extensions with WXT file-based entrypoints and manifest generation.

frontend-design

Generate production-grade frontend interfaces from abstract design briefs.

jotai

Bridge json-render's StateStore to a Jotai atom for React state management.

vercel-react-best-practices

Identify performance bottlenecks in React and Next.js code.

ai-sdk

Build type-safe ToolLoopAgent workflows with useChat and tool calling.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Read Frog skills?▼

Run `npx skills add mengxi-ream/read-frog --all -g -y` in your terminal to install all skills in this suite globally.

What is Read Frog?▼

Read Frog is an open-source AI browser extension for language learning with immersive translation, and this repo's skills help AI agents build, test, and ship it.

How to test a browser extension with AI?▼

The extension-real-browser-testing and extension-puppeteer-debugging skills let your agent launch real browsers, load the built extension, and verify behavior with live DOM evidence.

Can AI agents diagnose extension memory leaks?▼

Yes. The extension-perf-forensics skill guides agents through controlled experiments, heap snapshots, and CPU profiling to find the exact cause of leaks or freezes.

Do these skills work with Claude Code and Codex?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Codex, Cursor, and other compatible AI coding agents.