A skill that makes a pixel-faithful clone of any web UI in your existing stack, working from a screenshot, a live URL, raw HTML and CSS, or a mix of these. It is built on the SKILL.md open standard.
Claude Code
$ npx -y skills add santowilem/skills --agent claude-code
Codex
$ npx skills add santowilem/skills -a codex
Cursor
$ npx skills add santowilem/skills -a cursor
Gemini CLI
$ npx skills add santowilem/skills -a gemini-cli
GitHub Copilot
$ npx skills add santowilem/skills -a github-copilot
OpenCode
$ npx skills add santowilem/skills -a opencode
Windsurf
$ npx skills add santowilem/skills -a windsurf
⭐ Star this repo — it helps other developers discover faithful, evidence-driven AI skills instead of fancy autocomplete.
A personal collection of SKILL.md-standard agent skills for AI coding assistants — Claude Code, Cursor, OpenAI Codex CLI, ChatGPT, GitHub Copilot, Aider, and any other tool that supports the open SKILL.md specification.
Each skill lives in its own folder under skills/ with two files:
SKILL.md — the agent-facing spec (frontmatter + instructions the AI reads)README.md — the human-facing detail page (what it does, how to install, examples)| Skill | What it does | Detail |
|---|---|---|
clone-ui | Pixel-faithful website & UI cloning from URL, screenshot, or Figma frame — anti-hallucination 7-phase flow with adversarial sub-agent verification, computed-style parity checks, and per-target lessons log. Outputs production-ready code in your stack (React, Vue, Next.js, Astro, Svelte, plain HTML). | README · SKILL.md |
More skills are on the way. Each one ships independently — install just the ones you need.
Skills are installed individually using the skills.sh CLI:
npx skills add santowilem/skills --skill <skill-name>
For example, to install clone-ui:
npx skills add santowilem/skills --skill clone-ui
After installation, restart your AI assistant. The skill triggers automatically based on natural-language prompts — no slash commands required. See each skill's README for trigger phrases and examples.
All skills in this repo follow the SKILL.md open specification — released by Anthropic in 2025 and adopted by OpenAI for Codex CLI and ChatGPT. One skill file works everywhere:
| Platform | Status | Install path |
|---|---|---|
| Claude Code | ✅ Native | ~/.claude/skills/ |
| Cursor | ✅ Native | ~/.cursor/skills/ |
| OpenAI Codex CLI | ✅ Native | ~/.codex/skills/ |
| ChatGPT | ✅ via Skills API | Upload SKILL.md as a project skill |
| GitHub Copilot Workspace | ✅ via registry | Reference the repo URL |
| Aider, Continue, others | ⚠️ Manual | Pipe SKILL.md verbatim into context |
See CONTRIBUTING.md for instructions on adding a new skill to this repo. Pull requests welcome — especially for skills that cover under-served workflows (component extraction, design-system ingestion, accessibility audits, visual regression, etc.).
For discoverability — these are the terms developers search when looking for skills like these:
claude-skills claude-code-skills cursor-skills codex-cli-skills chatgpt-skills copilot-skills agent-skills ai-agent-skills skill-md skill-md-spec anthropic-skills openai-skills ai-coding ai-coding-assistant mcp model-context-protocol chrome-devtools-mcp clone-ui screenshot-to-code figma-to-code design-to-code url-to-code pixel-perfect-clone web-clone ai-frontend frontend-automation
MIT — use it, fork it, ship it. If a skill ends up in your product, a star on the repo helps other developers find it.
⭐ Star on GitHub — free, fast, and genuinely useful for visibility.
Distributed via skills.sh
Stars on GitHub
A development methodology for coding agents that makes the agent brainstorm before building, follow plans, run parallel work and finish branches in a disciplined way. You get fewer skipped steps and more consistent results from your coding assistant.
@obraHelps you take a change from a rough idea or bug report through to a tested, reviewed result, with each step handled by a focused skill. Its skills cover pinning down domain terms, designing module interfaces, diagnosing hard bugs, and reviewing changes against your repo's coding standards.
@mattpocockGives your coding agent a planning, testing and review routine to follow on every task. It plans before building, checks changes with tests, has a fresh reviewer look for regressions, and saves repeated wins as reusable skills.
@affaan-mDeveloper tools for working on the React codebase itself. Provides skills for extracting error messages, managing and debugging feature flags across release channels, running Flow type checks, and fixing lint and formatting issues before committing.
@facebookA skill that makes a pixel-faithful clone of any web UI in your existing stack, working from a screenshot, a live URL, raw HTML and CSS, or a mix of these. It is built on the SKILL.md open standard. Install it with the command on its page. It includes clone-ui. Its skills do not fire on their own yet. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it