/SKILL.md
Extract and reconstruct React components from any production website using Chrome browser automation. Use when asked to steal, copy, extract, or reverse-engineer React components from a website.
npx skillsauth add subzeira/steal-react-component steal-react-componentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Extract React components from production websites by spawning a specialized subagent.
Before spawning the subagent, verify Chrome MCP is available:
mcp__claude-in-chrome__tabs_context_mcp tool existsThe Chrome MCP server is not connected. Please restart Claude Code with:
claude --chrome
Then try again.
Spawn the extraction agent:
Task tool with:
subagent_type: "steal-react-component"
model: "sonnet"
description: "Steal React component"
prompt: "Extract the [COMPONENT] from [URL]"
Example: "Steal the Button component from https://example.com"
Task tool with:
subagent_type: "steal-react-component"
model: "sonnet"
description: "Steal React component"
prompt: "Extract the Button component from https://example.com"
The subagent returns reconstructed React/TypeScript code. By default, use the extracted component for your own purposes (e.g., to implement a similar component). Only relay the full output to the user if they explicitly ask to see it.
tools
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
tools
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
tools
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
tools
A CLI tool for making authenticated requests to the X (Twitter) API. Use this skill when you need to post tweets, reply, quote, search, read posts, manage followers, send DMs, upload media, or interact with any X API v2 endpoint.