Frontend

Frontend is a Frontend skill for Claude Code, published by romiluz13 in cc10x.

164 stars25 forkson romiluz13/cc10xAdded 2026/09/08Repository updated 2026/08/03

agent-harnessclaude-codeclaude-code-plugincontext-engineeringharness-engineeringllm-agentsloop-engineeringorchestrationtest-honesty

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/romiluz13/cc10x/tree/main/plugins/cc10x/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/romiluz13/cc10x.git

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

In this catalog

Source file: plugins/cc10x/skills/frontend/SKILL.md in romiluz13/cc10x
Installs to: ~/.claude/skills/frontend
Collection: One of 21 skills cataloged from this repository
Category: Frontend — 732 skills

What Frontend does

Frontend supports UI authoring and read-only critique. Use authoring for accessibility, responsive layouts, loading and error states, performance, and DESIGN.md work; use critique to score built UI against a rubric.

Frontend is cataloged under Frontend on DirSkills. Frontend comes from a repository tagged agent-harness, claude-code, claude-code-plugin, context-engineering and harness-engineering.

Documentation

README

Excerpt

Frontend (Authoring + Critique)

Two modes: authoring (build UI with patterns) and critique (score built UI). Both share the visual-direction rules below.

Reference Files

Read only what's needed:

references/ui-state-and-feedback.md — loading/error/empty/success ordering, skeleton vs spinner
references/accessibility-and-forms.md — WCAG, keyboard/focus, labels, form patterns, mobile
references/performance-and-layout.md — responsive, motion, overflow, URL state, light/dark mode
references/design-md-authoring.md — creating/updating DESIGN.md from screenshots, existing UI, preferences
references/design-md-inspiration-index.md — style references when user asks for direction

Shared Visual Direction Rules

Two-Altitude Reflex Check

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

Frequently asked about Frontend

What else does romiluz13 publish alongside Frontend?
Frontend is one of 21 skills that DirSkills catalogs from romiluz13/cc10x, the repository it ships in. Its siblings there include Agent Common, Architecture and Building. Each one is a separate skill with its own page in this directory, installs the same way Frontend does, and is maintained by romiluz13 in that same repository. The rest of the collection is listed on the romiluz13/cc10x page.
How does Frontend compare to other Frontend skills?
Frontend ranks #689 by stars among the 732 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.