web-development skills

117 tagged web-development, measured the same way as everything else here.

Browse within: appdevelopment 40llm-agent 40css 30design-systems 30html 30templates 30ui 30cline 18antigravity 17copilot 17agent 12qa 7qa-agent 6vibe-coding 6

beel-collab/presets.dev

Skill Claude CodeCodex

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

not rated 2 3mo ago A 45 tokens MIT

react-modernization

27

beel-collab/presets.dev

Skill Claude CodeCodex

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

not rated 2 3mo ago A 22 tokens MIT

beel-collab/presets.dev

Skill Claude CodeCodex

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.

not rated 2 3mo ago A 24 tokens MIT

senior-frontend

29

beel-collab/presets.dev

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 2 3mo ago A 47 tokens MIT

beel-collab/presets.dev

Skill Claude CodeCodex

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

not rated 2 3mo ago A 24 tokens MIT

beel-collab/presets.dev

Skill Claude CodeCodex

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

not rated 2 3mo ago A 23 tokens MIT

threejs-skills

32

beel-collab/presets.dev

Skill Claude CodeCodex

Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements.

not rated 2 3mo ago A 44 tokens MIT

beel-collab/presets.dev

Skill Claude CodeCodex

Expert in the Vercel AI SDK. Covers Core API (generateText, streamText), UI hooks (useChat, useCompletion), tool calling, and streaming UI components with React and Next.js.

not rated 2 3mo ago A 41 tokens MIT

popular-web-designs

34

ibragimov-oasis/vibe-coder

Skill Claude CodeCodex

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.

not rated 2 2mo ago A 66 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: