Find a direction.
Build your own.
The current links and a careful setup path for UI UX Pro Max and 21st’s agent tools.
Two Resources for Better Claude Code Websites
The “Stunning Websites” clip promises the links to a design skill and a component tool. Both projects exist, but their catalogs, installation routes and usage limits change. Start from their official pages below rather than copying an old command or an API key shown in a video.
One useful step at a time.
- 01Inspect the tools
- 02Install one at a time
- 03Give a brief
- 04Review the page
Resource 1: UI UX Pro Max
Open the official repository. Read its README and the skill instructions before installing. For Claude Code, the repository documents a plugin marketplace route and a CLI route. Choose one. The skill can suggest style systems, palettes and implementation guidance; it does not supply your offer, brand truth or user research.
Use the available UI UX Pro Max skill to propose three visual directions for [site]. Audience: [who]. Brand constraints: [paste]. For each direction show palette, type hierarchy, spacing, accessibility risks and one mobile layout decision. Do not write code yet.
Resource 2: 21st components
Browse 21st for a relevant hero, navigation or form. You can copy a component prompt, install component code, or connect agent tools depending on the current plan and your project. Search for a component by the real requirement: “pricing comparison with three plans and keyboard-friendly toggle” is better than “make it stunning.”
The site formerly described its tool as Magic MCP; check the current 21st setup page for the new CLI or MCP route. Never paste a credential from a tutorial into a project or share it in a screenshot.
Combine them in one design review
Choose one visual direction and at most a few components that match it. Ask Claude to integrate them with your actual copy and responsive rules. Preview at desktop and phone widths. Check keyboard use, text contrast, load size and the call-to-action path.
Review this landing page against the chosen design direction. Find mismatched styles, accessibility problems, weak mobile layouts and unnecessary animation. Give me a prioritized fix list, implement the confirmed fixes, then show before-and-after screenshots.
Quick link sheet
Sources & notes
Product details were checked on 5 October 2026. Menus, plans, and integrations can change. The video is the source of the lead-magnet promise; the links below support the practical instructions and corrections in this guide.
- UI UX Pro Max skill: Official repository and current installation methods.
- 21st agent tools: Current 21st CLI and MCP setup.
- Use skills in Claude: Skill availability and setup.
- Motion for React: Animation library and install instructions.
The video’s exact catalog counts are version-specific; this guide links the current sources instead of freezing those counts.