A curated collection of SKILL.md-standard agent skills for pixel-faithful UI cloning across major AI coding assistants.
skills is easy to set up with trust notes worth reviewing. Check agent compatibility and use-case fit before adding it to your workflow.
npx skills add santowilem/skillsRun the command in your terminal.
Confirm that the skill files were added to your agent workspace.
Check the README requirements before invoking the skill in your agent.
This repository provides ready-to-use skills for AI coding tools like Claude Code and Cursor. The main skill, clone-ui, helps you turn a website URL, screenshot, or Figma design into pixel-perfect code. It uses a careful process to avoid hallucinations and ensure the output matches the original design exactly.
This repository is a personal collection of SKILL.md-standard agent skills designed for AI coding assistants such as Claude Code, Cursor, OpenAI Codex CLI, ChatGPT, GitHub Copilot, Aider, and others that support the open SKILL.md specification. Each skill lives in its own folder under skills/ with two files: SKILL.md (the agent-facing spec) and README.md (human-facing details). The primary skill currently available is clone-ui, which provides pixel-faithful website and UI cloning from a URL, screenshot, or Figma frame. It employs an anti-hallucination 7-phase flow with adversarial sub-agent verification, computed-style parity checks, and per-target lessons log, outputting production-ready code in your chosen stack (React, Vue, Next.js, Astro, Svelte, or plain HTML). Skills are installed individually using the skills.sh CLI with a single command. The repository is open-source under the MIT license and encourages contributions for additional skills covering under-served workflows.
Looks usable, but maintenance, license, or security notes deserve a closer look.
Last commit was about 27 days ago.
2 GitHub stars indicate community interest.
0 open issues signal maintenance load.
No license detected; review before production use.
Clone a live website's UI into pixel-perfect React code.
Convert a Figma design frame into a fully functional Vue component.
Recreate a UI from a screenshot using Next.js and Tailwind CSS.
Generate a production-ready HTML/CSS clone of a landing page from a URL.
Extract a specific UI component from a design and output it as a Svelte component.
Agent skills can change coding-agent behavior; review every SKILL.md and referenced script before installing.
Check shell, network, file-system, credential, and API-key requirements before running skill workflows.
Cloning copyrighted designs may have legal implications; ensure you have rights to reproduce the UI.
The skill executes code on your machine; review generated code before deployment.
Screenshots or URLs may contain sensitive information; avoid cloning internal tools or personal data.
2
Stars
0
Forks
0
Issues
A public repository of example skills for Claude, demonstrating how to create reusable instructions and resources for specialized tasks.
Adversarial AI bug hunter with auto-fix skill for Claude Code, Cursor, Codex CLI, GitHub Copilot CLI, Kiro CLI, Opencode, Pi Coding Agent, and more. Multi-agent pipeline finds security vulnerabilities, logic errors, and runtime bugs — then fixes them autonomously on a safe branch.
5 security/trust notes recorded.
Setup difficulty is 2/5.
An open-source framework to turn HTML, CSS, and animations into deterministic MP4 videos.