Claude Skills by HarKro753

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.

Clone a captured website into pixel-verified static HTML — a capture session (pages.json plus one folder per page holding ref.png, source.html, computed.json, meta.json) becomes one page.html per route, sharing a shell, a stylesheet, a glyph set and a token scale, where every route's `check` exits 0 against its own reference screenshot. Use whenever the user points at a capture session, a pages.json, or one or more page folders and wants them copied, replicated, rebuilt or cloned — "clone thi...

Recreate a single flat image as one self-contained HTML page, verified by rendering it and comparing to the image — no capture, no DOM, no HTML input. Use when the user hands you just a picture (a screenshot, a poster, an Instagram/carousel slide, a graphic, a UI mock) and wants it rebuilt, cloned, copied or "made into HTML" — "clone this image", "copy this poster", "turn this screenshot into a page", "recreate this" — with nothing but the image to work from. This is the right skill precisely...

Clone a captured website into verified shadcn/ui React components — a capture session becomes one component per route with its captured states as props, themed from the site's own tokens, every state gated against its own reference screenshot. Use when the deliverable is a real component tree rather than a static page: an app, a dashboard, a console, anything with behaviour (hover, focus, keyboard nav, a command palette, tabs, dialogs), or whenever the user says React, shadcn, components, or ...

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," or "CTA copy." For email copy, see email-sequence. For popup copy, see popup-cro.

Mathematical spacing, sizing, weight, line-height, letter-spacing, radius, and padding rules for "productive" SaaS interfaces, across density regimes: Dense (Linear / Doppler / Raycast / Vercel), Comfortable/roomier (Cal.com style), and anything in between. Use this whenever you are building OR refining any such UI — dashboards, data tables, sidebars, toolbars, filter bars, forms, inputs, buttons, badges/pills, KPI tiles, nav items, list rows, icon rails — or whenever you're picking font-size...

Build, validate, and distribute Claude Code plugins — the packaged form of skills, agents, hooks, MCP/LSP servers, monitors and `bin/` executables, with a `.claude-plugin/plugin.json` manifest and optionally a `marketplace.json` catalog. Use this whenever the user wants to make, package, ship, share, or publish an extension: "turn this into a plugin", "make this a Claude extension", "package my skills", "publish to a marketplace", "share this with my team", "convert .claude/ into a plugin", "...

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".