Web & Frontend
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
-
comeonoliver Skill SvelteSvelte — Compile-Time Reactive UI Framework
61 - comeonoliver Skill Create Component
Create a New WP Rig Component
61 - comeonoliver Skill Shadcn UI
shadcn/ui — Copy-Paste Component Library
61 - comeonoliver Skill Turbopack
Turbopack — Rust-Powered Bundler for Next.js
61 - comeonoliver Skill Copilotkit
CopilotKit — In-App AI Copilots for React
61 - comeonoliver Skill React Aria
React Aria
61 - comeonoliver Skill Vue Debug Guides 3
Vue 3 debugging and error handling for runtime issues, warnings, async failures, and hydration bugs.
61 - comeonoliver Skill Hotwire
Hotwire — HTML Over the Wire
61 - comeonoliver Skill Mantine
Mantine — Full-Featured React Component Library
61 - comeonoliver Skill Playwright
Playwright + Next.js Testing Best Practices
61 - comeonoliver Skill Tailwind Refactor
Community Tailwind CSS Refactoring Best Practices
61 - comeonoliver Skill React Email
React Email — Build Emails with React Components
61 - comeonoliver Skill Tailwindcss
Tailwind CSS — Utility-First CSS Framework
61 - comeonoliver Skill React To IOS
React to iOS: Feature Parity Implementation
61 - comeonoliver Skill React Optimise
React Optimise Best Practices
61 - comeonoliver Skill React Refactor
React Refactor Best Practices
61 - comeonoliver Skill React Dev
React TypeScript
61 - comeonoliver Skill Tailwind Animate
Tailwind CSS Animations
61 - comeonoliver Skill Vue Jsx Best Practices
Vue JSX best practices and differences from React JSX.
61 - comeonoliver Skill Frontend Design Review
Frontend Design Review
61 - comeonoliver Skill Perf Astro
Astro Performance Playbook
61 - comeonoliver Skill React Native Expo
React Native with Expo — Modern Mobile Development
61 - comeonoliver Skill React Three Fiber
React Three Fiber — Declarative Three.js for React
61 - comeonoliver Skill Tailwind UI Refactor
Refactoring UI Tailwind CSS Best Practices
61 - comeonoliver Skill React Useeffect
You Might Not Need an Effect
61 - comeonoliver Skill Vue Pinia Best Practices 3
Pinia best practices, common gotchas, and state management patterns.
61 - comeonoliver Skill Expo React Native Coder
Expo React Native Coder Best Practices
61 - comeonoliver Skill Astro Content
Astro Content Collections
61 - comeonoliver Skill Svelte5 Runes
Svelte 5 Runes
61 - comeonoliver Skill Accessibility Auditor
Accessibility Auditor
61 - comeonoliver Skill Frontend Blueprint
Frontend Blueprint
61 - comeonoliver Skill Backend Patterns
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
61 - comeonoliver Skill Coding Standards
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
61 - comeonoliver Skill PPTX Posters
PPTX Research Posters (HTML-Based)
61 - comeonoliver Skill Frontend Developer
You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.
61 - comeonoliver Skill Astro Skill Md
AI Astrology Assistant
61
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include svelte, create-component, shadcn-ui. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.