Skills

Two-layer Agent Skills for TypeScript, React, and coordinated frontend work. Use oh-my-frontend as the lightweight triage entry for frontend tasks. It may classify mechanical work as Level 0 and adds memory, approval, workers, or specialist evidence only when risk requires them. Use frontend-engineering for implementation rules. Each skill has a short SKILL.md; detailed guidance is loaded from references only when needed.

Skills

Skill	Use it for
frontend-engineering	Standalone readable, explicit TypeScript and React implementation rules
oh-my-frontend	Frontend triage and risk-based orchestration layer

frontend-engineering — Code principles and implementation quality

Standalone TypeScript and React implementation rules for readable, explicit, and predictable frontend code. No Planner, `/docs`, approval interview, or parallel agent is required.

• TypeScript contracts, narrowing, and data boundaries
• React rendering, components, hooks, context, and state ownership
• Forms, errors, async resilience, and URL state
• Testing, accessibility, security, modules, naming, and file structure

Start with SKILL.md.

oh-my-frontend — Documentation, approval, and agent orchestration

Frontend task triage and risk-based orchestration for project memory, approval, parallel work, specialist review, and verification. It may enter any frontend task, exits clear mechanical work at Level 0, and adds workflow only when the changed risk requires it. It does not replace `frontend-engineering` implementation rules.

• Repository-canonical project memory: domain language, business rules, features, decisions, and architecture; recommend a minimal structure only when no durable convention exists
• Batched blocking questions, focused approval, bounded Worker briefs, and safe parallel lanes
• Component architecture, UI state, browser/visual verification, accessibility, and debugging
• Data fetching, routing, performance, security, responsive UI, forms, i18n, compatibility, and observability routing
• Risk-based testing without mandatory TDD or excessive test code

Korean mirrors under docs/*.ko/ are local reading notes and are not published or included in installed packages.

Start with SKILL.md.

Install

Install all skills:

npx skills add fe-dudu/skills

Install one skill:

npx skills add fe-dudu/skills --skill frontend-engineering
# or: npx skills add fe-dudu/skills --skill oh-my-frontend

Use both when the task needs implementation rules plus orchestration:

npx skills add fe-dudu/skills --skill frontend-engineering
npx skills add fe-dudu/skills --skill oh-my-frontend

Install through the Claude Code plugin CLI:

claude plugin marketplace add fe-dudu/skills
claude plugin install frontend-engineering@fe-dudu
claude plugin install oh-my-frontend@fe-dudu

Or run the plugin commands inside Claude Code:

/plugin marketplace add fe-dudu/skills
/plugin install frontend-engineering@fe-dudu
/plugin install oh-my-frontend@fe-dudu

The repository also includes the Claude marketplace catalog at .claude-plugin/marketplace.json.