james
UI DESIGN
Open source Open in the app JSON README (API)
About
UI DESIGN
Details
- Kind
- Plugins
- Topic
- No topic detected
- Publisher
- tenfoldmarc
- Origin
- marketplace
- Category
- ferramentas
- Stars
- 317
- Forks
- 53
- Open pull requests
- 1
- Last push
- 2026-06-11T12:50:33Z
- Repository state
- ativo
- Added
- 2026-08-30 01:48:58
- Updated
- 2026-08-30 01:48:58
- Origin id
tenfoldmarc/website-builder-setup/james
README
# Website Builder Setup for Claude Code Build professional, animated websites with Claude Code — no coding experience needed. This skill installs three tools that turn Claude into a full web design studio. Built by [@tenfoldmarc](https://instagram.com/tenfoldmarc) ## Install **Easiest way:** Open Claude Code and say: > Install this skill for me: https://github.com/tenfoldmarc/website-builder-setup Claude will handle the rest. **Or do it yourself:** Mac/Linux in the terminal: ```bash git clone https://github.com/tenfoldmarc/website-builder-setup.git ~/.claude/commands/website-builder-setup ``` Windows Terminal: ```bash git clone https://github.com/tenfoldmarc/website-builder-setup.git %USERPROFILE%\.claude\commands\website-builder-setup ``` Then type `/website-builder-setup` in Claude Code to get started. --- ## OLD INSTALL (REMOVED) Run this in your terminal: ```bash claude install-skill https://github.com/tenfoldmarc/website-builder-setup ``` Then type `/website-builder-setup` and Claude walks you through everything. ## What Gets Installed | Tool | What it does | |------|-------------| | **UI/UX Pro Max** | 50+ design styles, 161 color palettes, 57 font pairings. Your sites look designed, not AI-generated. | | **Framer Motion** | Smooth animations — page transitions, hover effects, scroll reveals. The difference between a $500 site and a $10,000 site. | | **21st.dev Magic** | 100+ production-ready React components. Buttons, navbars, hero sections, cards, footers — all pre-designed. | ## Requirements - [Claude Code](https://docs.anthropic.com/en/docs/claude-code) installed - [Node.js](https://nodejs.org) (LTS version) ## After Setup Just tell Claude what you want: ``` Build me a landing page for my consulting business targeting small business owners. Dark theme, modern, with animations. ``` Claude handles the rest — design, layout, animations, responsive, everything.