Rogue Web Artifacts Builder Skill — AI skill for Claude Code
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
How to install Rogue Web Artifacts Builder Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open rogue-dev-studio/rogue-web-artifacts-builder-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Rogue Web Artifacts Builder Skill does
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Alternatives in AI
- Agency Agents — A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject 148k ★
- Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
- LongHorizon Harness — The long-horizon computer-use harness 1.3k ★
README
rogue-web-artifacts-builder-skill
**Rogue Development** skill package for agents.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
- Market: https://rogue-dev-studio.github.io/rogue-market-agent/
- Skill id:
web-artifacts-builder
Install
Copy `SKILL.md` into your agent skills directory (Cursor / Claude Code / compatible host), or clone this repository.
License
MIT - Rogue Development. See `LICENSE` and `NOTICE`.
Related Skills
AI Agent Command Center
Build a single-page AI Agent Command Center dashboard website in English using React + Vite + TypeScript + Tai
Styleseed
Claude Code & Cursor design system. Stop generating ugly AI UI. 69 design rules + 48 shadcn components + Toss/
Frontend Inspo MCP
Local MCP server that lets AI coding agents (Claude, Cursor, Kiro) discover and pull real frontend code & UI c
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Html2elementor
Convert HTML + CSS to Elementor JSON (importable in WordPress). Works as a Claude Code / openclaw skill or sta
Agent Debate Consensus
Multi-agent AI debate platform — multiple LLMs discuss any topic in real time while you moderate. Built with N
Related Agents
Web Frontend
Expert frontend developer for React, Vue, Angular, CSS, accessibility, and modern web technologies
Frontend Engineer
Frontend implementation specialist for UI components, React patterns, CSS styling. Use proactively when task i
Frontend UI Developer
Use this agent for React component development, UI/UX implementation, state management, and responsive design.