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.
-
dokhacgiakhoa Bundle Accessibility Compliance Accessibility AuditYou are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.
505 -
dokhacgiakhoa Bundle Frontend Mobile Development Component ScaffoldYou are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
505 -
dokhacgiakhoa Bundle Application Performance Performance OptimizationOptimize end-to-end application performance with profiling, observability, and backend/frontend tuning. Use when coordinating performance optimization across the stack.
505 -
a5c-ai Bundle NextjsNext.js specific patterns including App Router, React Server Components, Server Actions, streaming, caching, and Vercel deployment.
1.7k -
a5c-ai Bundle Shadcnshadcn/ui component patterns, customization, theming, and integration.
1.7k -
a5c-ai Bundle SvelteSvelte and SvelteKit development with built-in reactivity, stores, SSR/SSG, and modern web patterns.
1.7k -
a5c-ai Bundle CypressCypress testing patterns, custom commands, component testing, and CI integration.
1.7k -
a5c-ai Bundle Radix UIRadix UI primitives, composition patterns, accessibility, and customization.
1.7k -
a5c-ai Bundle Architecture PatternsSystem and API design guidance covering component boundaries, data flow, integration patterns, and scalability considerations.
1.7k -
a5c-ai Bundle Svg OptimizerOptimize SVG assets, generate sprites, and convert to React components
1.7k -
a5c-ai Bundle PlaywrightPlaywright E2E testing, page objects, fixtures, visual regression, accessibility testing, and CI integration patterns.
1.7k -
a5c-ai Bundle React HooksDeep expertise in React hooks patterns including custom hooks, composition, optimization, and testing strategies.
1.7k -
a5c-ai Bundle React QueryTanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.
1.7k -
a5c-ai Bundle Tailwind CSSTailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications.
1.7k -
a5c-ai Bundle Axe AccessibilityAutomated accessibility testing using axe-core API for WCAG compliance validation. Run accessibility scans, generate violation reports, suggest code fixes, and track accessibility debt.
1.7k -
a5c-ai Bundle Vue DevelopmentVue 3 development with Composition API, reactivity system, component patterns, TypeScript integration, and best practices.
1.7k -
a5c-ai Bundle Component InventoryAudit and inventory existing UI components in a codebase
1.7k -
a5c-ai Bundle Accessibility ReportGenerate accessibility compliance reports including VPAT and ACR documents
1.7k -
a5c-ai Skill CSS Precision EditorPrecision CSS/styling modifications for pixel-perfect adjustments with Tailwind, CSS Modules, and plain CSS support
1.7k -
a5c-ai Bundle Nextjs App RouterDeep expertise in Next.js App Router patterns including route groups, parallel routes, intercepting routes, layouts, and loading states.
1.7k -
a5c-ai Bundle React DevelopmentSpecialized skill for React component development, hooks patterns, state management, context API, performance optimization, and modern React best practices.
1.7k -
a5c-ai Bundle DocusaurusDeep integration with Docusaurus for documentation site development. Configure projects, manage sidebars, versioning, i18n, develop plugins, and optimize builds for React-based documentation.
1.7k -
a5c-ai Bundle React Native DevelopmentDeep integration with React Native ecosystem for cross-platform mobile development
1.7k -
a5c-ai Bundle Keyboard NavigationKeyboard accessibility, focus management, and shortcuts.
1.7k -
a5c-ai Bundle Design Token TransformerTransform design tokens across multiple formats and platforms. Parse W3C design token format, transform to CSS/SCSS/JS/iOS/Android, handle token aliases and references, and generate documentation.
1.7k -
a5c-ai Bundle React Testing LibraryReact Testing Library patterns, queries, user events, and accessibility testing.
1.7k -
a5c-ai Bundle Textual ScaffolderGenerate Textual (Python) TUI application structure with widgets, screens, and CSS styling.
1.7k -
a5c-ai Bundle Storybook DocsStorybook integration for UI component documentation. Configure docs addon, generate component documentation from stories, write MDX documentation, and integrate with design systems.
1.7k -
a5c-ai Bundle Tauri Project SetupInitialize Tauri project with Rust backend and frontend framework integration
1.7k -
a5c-ai Bundle React Server ComponentsReact Server Components patterns including streaming, data fetching, client/server component composition, and performance optimization.
1.7k -
a5c-ai Bundle Accessibility TestingMobile accessibility testing skill for WCAG compliance, VoiceOver/TalkBack validation, dynamic type support, color contrast analysis, and accessibility auditing across iOS and Android platforms.
1.7k -
a5c-ai Bundle Kubeflow Pipeline ExecutorKubeflow Pipelines skill for ML workflow orchestration, component management, and Kubernetes-native ML.
1.7k -
a5c-ai Bundle C4 Diagram GeneratorSpecialized skill for generating C4 model architecture diagrams. Supports Structurizr DSL, PlantUML, and Mermaid formats with multi-level abstraction (Context, Container, Component, Code).
1.7k -
a5c-ai Bundle Docs AccessibilityDocumentation accessibility validation and remediation. Check WCAG 2.1 compliance, validate alt text, analyze heading hierarchy, verify color contrast, and generate accessibility reports.
1.7k -
a5c-ai Bundle Ink Component GeneratorGenerate Ink (React for CLI) components for terminal UIs with hooks, state management, and layout components.
1.7k -
a5c-ai Bundle MCP App ScaffoldingScaffolds MCP App project structure with correct directory layout, dependencies, entry points, and framework-specific templates. Handles React (useApp hook), Vanilla JS, Vue, Svelte, Preact, and Solid.
1.7k
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 accessibility-compliance-accessibility-audit, frontend-mobile-development-component-scaffold, application-performance-performance-optimization. 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.