Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components with proper hydration.
anthropic developer
Web Artifacts Builder
Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components with proper hydration.
88/100 127 000 GitHub stars
Updated Nov 12, 2025
#react#tailwind#shadcn#artifacts
What it does
Same corner
Related skills in developer
Awesome CursorRules (PatrickJS)
githubThe reference collection of .cursorrules files: 100+ pre-configured rule sets covering React, Next.js, Python, Go, Rails, Flutter, SwiftUI and more. The de-facto starting point for any Cursor user.
#cursor#cursor-rules#awesome-list
developer 98
OpenAI Codex CLI
codexOpenAI's lightweight terminal coding agent. Rust-based, integrates with Cursor/VS Code/Windsurf, supports skills, slash commands, and ChatGPT subscriptions.
#codex#openai#cli
developer 97
Cline (autonomous VS Code agent)
communityOpen-source autonomous coding agent for VS Code with file edit approvals, terminal execution, browser automation and full MCP support. 4M+ installs.
#cline#vscode#agent
developer 96
Coming soon
Built something better? Submit your skill.
The submission portal opens next sprint. For now, ship to GitHub and tag claude-skill.
Free PDF
Get all skills as a PDF
The full Skills Bank, organized by category, with install commands and 1-line verdicts.
- ✓ 47 tools, ranked by use case
- ✓ 5 mini case studies of $500K founders
- ✓ Starter stack vs Scale stack
- ✓ No fluff. Built by Maxime, used daily.