Skillzwave The Package Manager for Enterprise AI Agents

Search skills... ⌘K

screenshot-to-code

15

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install OneWave-AI/claude-skills/screenshot-to-code

OpenCode (CLI) Fast

skilz install OneWave-AI/claude-skills/screenshot-to-code --agent opencode

OpenAI Codex (CLI) Native

skilz install OneWave-AI/claude-skills/screenshot-to-code --agent codex

Gemini CLI (Project) Project

skilz install OneWave-AI/claude-skills/screenshot-to-code --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/OneWave-AI/claude-skills

2. Copy the agent skill directory:

cp -r claude-skills/screenshot-to-code ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

design-doc-mermaid

by SpillwaveSolutions

Create Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when asked to "create a diagram",...

article-extractor

by I-Onlabs

Extract clean article content from URLs (blog posts, articles, tutorials) and save as readable text. Use when user wants to download, extract, or s...

nextjs

by jezweb

| Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts (repl...

cc-trace

by alexfazio

Interactive assistant for intercepting, debugging, analyzing and reviewing Claude Code API requests using mitmproxy. Guides setup, certificate conf...

Agentic Skill Details

Owner: OneWave-AI (GitHub)
Repository: claude-skills
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: javascript react code
Market Score: 15

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?