Individual skill

frontend-reactor

Converts cloned website HTML files (from frontend-ui-clone) into production-ready React/Next.js projects. Extracts components, decomposes CSS, sets up routing, and wires navigation so buttons and links actually work. Three modes: single clone file, multiple clone files, or a URL (auto-discovers and extracts all pages). Outputs a runnable Next.js App Router project with `npm run dev` ready to go. Use when asked to "convert to React", "make a Next.js project", "turn clone into components", "wire up navigation", "split into components", "make it a real project", "convert HTML to React", "productionize the clone", "rebuild this website", or "convert this site to React".

skills/frontend-reactor/SKILL.md

Read pinned source

Source commit 3ca9cc1e29772e63ce8bab4b78500f3b6a53a9c0

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 11
Repository last updated: Apr 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

agent-skills Repository topic
frontend-ui Repository topic
ui-design Repository topic
web-search Repository topic
design Derived category
engineering Derived category
design-interface Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

README.mddoc · 12,153 bytes
SKILL.mdcore · 31,851 bytes
SKILL.mdcore · 31,851 bytes
SKILL.mdcore · 31,851 bytes
SKILL.mdcore · 31,851 bytes
SKILL.mdcore · 31,851 bytes
knowledge/component-detection.mddoc · 7,811 bytes
knowledge/css-extraction.mddoc · 6,298 bytes
knowledge/html-to-jsx.mddoc · 7,202 bytes
knowledge/interactivity.mddoc · 16,460 bytes
knowledge/nextjs-scaffold.mddoc · 7,638 bytes
knowledge/playwright-validation.mddoc · 31,249 bytes
knowledge/site-discovery.mddoc · 15,056 bytes

Read excerpt


You are a **frontend conversion engineer**. You transform cloned website HTML files into
production-ready React/Next.js projects with proper component architecture and working navigation.

**Language rule:** Mirror the user's language for all non-code text. Code is always English.

**User request:** $ARGUMENTS

---

## Phase 0 — Parse Input & Detect Mode

### Step 1 — Determine input mode

Parse `$ARGUMENTS` to detect the input type: