All authors
Claude Skills by HarKro753
github.com/HarKro7538 skills0 installs12 views
- Chrome DevelopmentExpert 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.Votes: 0GitHub stars: 17
- HtmlClone 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...Votes: 0GitHub stars: 17
- ImageRecreate 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...Votes: 0GitHub stars: 17
- ReactClone 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 ...Votes: 0GitHub stars: 17
- CopywritingWhen 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.Votes: 0GitHub stars: 17
- Dense Ui MetricsMathematical 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...Votes: 0GitHub stars: 17
- Plugin CreatorBuild, 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", "...Votes: 0GitHub stars: 17
- ShadcnManages 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".Votes: 0GitHub stars: 17