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
- 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 ★
- Prismor — Self-hosted runtime control plane for AI agents 334 ★
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
Rogue Commercial Legal Skill
Full legal plugin suite for commercial contract review, privacy/DPA analysis, and AI governance vendor reviews
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
Related Agents
Web Frontend
Expert frontend developer for React, Vue, Angular, CSS, accessibility, and modern web technologies
Fullstack Web Engineer
Ingeniero web fullstack y especialista en arquitectura frontend moderna. Domina React 19, Vite, Bun, TypeScrip
Vue3 Frontend Developer
Use this agent when you need to implement modern frontend applications using Vue3, TypeScript, and Tailwind CS
