Web development — Skills
Frontend, backend, and full-stack web prompts.
11 skills in this category
Programmatic video creation with React using the Remotion framework.
Build complex HTML artifacts using React, Vite, Tailwind CSS, and shadcn/ui components.
Tailwind CSS design system patterns and component architecture.
Implement smooth, native-feeling animations using React's View Transition API: page/route transitions, shared element animations, and list reorder effects in React and Next.js.
React composition patterns that scale — avoids boolean prop proliferation through compound components, render props, and React 19 APIs.
React best practices and patterns for AI agents, covering hooks, composition, and performance.
Generate animation-rich HTML presentations with visual style previews.
Opinionated, evolving constraints to guide agents when building frontend interfaces.
Three.js skills for creating 3D elements and interactive web experiences.
Block themes: theme.json, templates, patterns, and style variations.
Gutenberg blocks: block.json, attributes, rendering, and deprecations.
Related categories
FAQ
What are web development skills?
Web development skills are reusable instructions that teach AI agents how to work in web development workflows. They help agents follow framework conventions, generate better output, and stay aligned with best practices in this domain.
How do I install a web development skill?
Run the install command shown on each skill page, e.g. `npx skills add owner/repo --skill skill-name`. The skill becomes available in your agent sessions after installation.
Which tools and frameworks are covered?
Browse skills tagged for web development to find options for popular stacks and libraries. The catalog is community-maintained and updated as new skills are published to GitHub.