Frontend

by code-yeongyu

Frontend is a Frontend skill for Claude Code, published by code-yeongyu in lazycodex.

3.2K stars201 forkson code-yeongyu/lazycodexAdded 2026/08/17+1% in starsRepository updated 2026/08/09

View source on GitHub Download repo ZIP

aiai-agentsclaudeclaude-codeclicodexdeveloper-toolslazylazycodexoh-my-openagentomoopenaiorchestrationtypescript

Install in seconds

Install Frontend

Copy Frontend 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/code-yeongyu/lazycodex/tree/main/plugins/omo/skills/frontend ~/.claude/skills/frontend

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/code-yeongyu/lazycodex.git

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

In this catalog

Source file: plugins/omo/skills/frontend/SKILL.md in code-yeongyu/lazycodex
Installs to: ~/.claude/skills/frontend
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Frontend does

Frontend routes frontend/web UI/UX/visual requests to four rulesets for design taste, performance perfection, UI/UX lookup, and design operations, plus lazyweb real-app research. Use it when building, styling, redesigning pages/components, React setup, performance audits, or visual QA.

Frontend is cataloged under Frontend on DirSkills. Frontend comes from a repository tagged ai, ai-agents, claude, claude-code and cli.

Documentation

README

Excerpt

Frontend

This file is a router, not a rulebook. The rules live in four rulesets under references/; your first job is to load the smallest set of files that covers the request, state which you loaded in one sentence, then execute under their guidance. Loading nothing and freestyling produces the generic AI-slop output this skill exists to prevent; loading everything wastes context and creates contradictory instructions.

The bar is not clean-and-correct — it is work a senior designer at Linear, Stripe, or Supabase would ship. Correct-but-flat is a failure, not a finish. Protect the surface as hard as you protect the build: design is a first-class deliverable, not a one-shot decision you lock and walk away from.

Phase 0 — Route (before any UI work)

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

Commands Frontend provides

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

/visual-qa
/review-work
/ulw-plan
/start-work

Frequently asked about Frontend

What else does code-yeongyu publish alongside Frontend?
Frontend is one of 25 skills that DirSkills catalogs from code-yeongyu/lazycodex, the repository it ships in. Its siblings there include Ast-Grep, Bug Fix Contribution and Codex Rules. Each one is a separate skill with its own page in this directory, installs the same way Frontend does, and is maintained by code-yeongyu in that same repository. The rest of the collection is listed on the code-yeongyu/lazycodex page.
How does Frontend compare to other Frontend skills?
Frontend ranks #185 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. 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 against them. Open each page to compare what they document and how they install.