Frontend Verify

by ucsandman

Frontend Verify is a Quality skill for Claude Code, published by ucsandman in marketing-studio.

225 stars31 forkson ucsandman/marketing-studioAdded 2026/09/03Repository updated 2026/09/02

View source on GitHub Download repo ZIP

ai-agentsblenderclaude-codemarketingremotionvideo-generation

Install in seconds

Install Frontend Verify

Copy Frontend Verify into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/ucsandman/marketing-studio/tree/main/skills/frontend-verify ~/.claude/skills/frontend-verify

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/ucsandman/marketing-studio.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/frontend-verify/SKILL.md in ucsandman/marketing-studio
Installs to: ~/.claude/skills/frontend-verify
Collection: One of 15 skills cataloged from this repository
Category: Quality — 1478 skills

What Frontend Verify does

Frontend Verify checks changed web app routes in a headless browser after UI edits. Use it to catch console errors, failed requests, and broken pages before marking a frontend change done.

Frontend Verify is cataloged under Quality on DirSkills. Frontend Verify comes from a repository tagged ai-agents, blender, claude-code, marketing and remotion.

Documentation

README

Excerpt

The slow loop is: edit code, start the dev server, open a browser, click each page, watch the console, eyeball the layout, repeat. This skill does that pass programmatically with @playwright/cli running headless, and it does it without dumping every page state into the model context.

The one principle that matters

Reading a full accessibility snapshot or a screenshot into context on every route is the expensive part, not running the browser. So the order of operations is always cheapest signal first:

This is the opening of the README. Read the full README on GitHub.

Commands Frontend Verify provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/dashboard
/pricing
/about
/play

Frequently asked about Frontend Verify

What else does ucsandman publish alongside Frontend Verify?
Frontend Verify is one of 15 skills that DirSkills catalogs from ucsandman/marketing-studio, the repository it ships in. Its siblings there include Audio Track, De-Vibe and Launch. Each one is a separate skill with its own page in this directory, installs the same way Frontend Verify does, and is maintained by ucsandman in that same repository. The rest of the collection is listed on the ucsandman/marketing-studio page.
How does Frontend Verify compare to other Quality skills?
Frontend Verify ranks #1383 by stars among the 1478 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend Verify against them. Open each page to compare what they document and how they install.