Component patterns that scale without boolean-prop sprawl.
Based on composition-patterns by Vercel, MIT
Claude skills for React, Next.js and React Native
The Web & React Pack: 8 skills. React, Next.js and React Native done right, plus MCP and testing.
Who it's for
Anyone shipping React, Next.js or React Native apps with an agent and wanting fast, idiomatic code.
What's in the pack
Performance rules for React and Next.js code.
Based on react-best-practices by Vercel, MIT
Best practices for fast React Native and Expo apps.
Based on react-native-skills by Vercel, MIT
Native-feeling transitions with React's View Transition API.
Based on react-view-transitions by Vercel, MIT
Distinctive visual direction for new UI, without templated defaults.
Based on frontend-design by Anthropic, Apache-2.0
Builds multi-component React and Tailwind HTML artifacts.
Based on web-artifacts-builder by Anthropic, Apache-2.0
Tests local web apps with Playwright: clicks, screenshots and logs.
Based on webapp-testing by Anthropic, Apache-2.0
Guides you through building a quality MCP server for any API.
Based on mcp-builder by Anthropic, Apache-2.0
Credit and license
Every skill in the Web & React Pack is a renamed, packaged copy of an open-source original by Vercel, Anthropic. Each one keeps its license and credit inside the download.
Questions
What's in the Web & React Pack?
8 Claude skills for React and web apps: Composable React, React Speed Rules, React Native Playbook, Smooth Page Transitions, Front-End Finish, Artifact Builder, Browser Test Pilot, MCP Server Builder.
How do I install it?
Unzip it into your skills folder: ~/.claude/skills on Mac or Linux, or %USERPROFILE%\.claude\skills on Windows. Each skill is its own folder, so they all show up at once. In Claude.ai, upload each skill folder as a zip in Settings under Capabilities.
Is it cheaper than buying the skills one by one?
Yes. The pack is $19 instead of $50 one by one.
Can I get a refund?
No. It's an instant digital download, so all sales are final. If a download doesn't work, message me and I'll fix it or send it again.