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.
-
tomevault-io Bundle Prompt Engineering UIPrompt patterns for consistent UI generation. Covers precise design intent communication, component specification formats, and iterative refinement patterns for LLM-driven UI development. Use when this capability is needed.
- tomevault-io Bundle I3ringit Antigravity Cortex Julik Frontend Races Reviewer
You are Julik, a seasoned full-stack developer with a keen eye for data races and UI quality. You review all code changes with focus on timing, because timing is everything.
- tomevault-io Bundle Webdev HTML CSS Patterns
Modern HTML5 and CSS3 patterns for semantic markup, layout systems, responsive design, accessibility, and production-ready styling conventions Use when this capability is needed.
- tomevault-io Bundle Playwright Visual Regression
Playwright browser automation patterns for E2E testing, visual regression, screenshot capture, and accessibility validation. Use when implementing or debugging browser-based tests. Use when this capability is needed.
- tomevault-io Bundle Vite React Project Structure
File organization and naming conventions for Vite + React projects. Use when creating new components, hooks, utilities, or organizing feature modules. Use when this capability is needed.
- tomevault-io Bundle Mobile Store Orchestrator
End-to-end release orchestration for mobile apps (Expo/React Native) targeting Apple App Store + Google Play. Use for submission readiness audits, metadata/ASO generation, screenshot pipelines, and release checklists. Use when this capability is needed.
- tomevault-io Bundle Dev AI Agent Builder
Conception et implémentation d'agents IA autonomes avec outils et mémoire. Se déclenche avec "agent IA", "AI agent", "autonomous agent", "tool use", "function calling", "agent framework", "LangChain agent", "CrewAI", "AutoGen", "agent loop", "ReAct". Use when this capability is needed.
- tomevault-io Bundle Li Lance Android Seraphim Framework React Native Security
React Native Security
- tomevault-io Bundle Vercel Next Cache Components
Next.js 16 Cache Components guidance — PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable_cache. Use when implementing partial prerendering, caching strategies, or migrating from older Next.js cache patterns. Use when this capability is needed.
- tomevault-io Bundle Retrato Surveys Helper
Assistente especializado na plataforma Hajel Survey, com conhecimento do backend Node.js/Express, frontend React/Redux, e fluxos de pesquisa. Use when this capability is needed.
- tomevault-io Bundle Nitro Fetch
Use this skill whenever an agent is working in a project that uses react-native-nitro-fetch, react-native-nitro-websockets, or react-native-nitro-text-decoder. Covers the fetch API, global replacement, prefetching and cold-start cache warming, the NitroWebSocket class and pre-warming, migrating from React Native's built-in WebSocket, the in-process NetworkInspector, native Perfetto / Instruments tracing, the native TextDecoder, and plugging nitro-fetch into axios via a custom adapter.
- tomevault-io Bundle Magento Knockout Specialist
Develops reactive UI components using KnockoutJS for Magento 2. Use when working with UI components, implementing MVVM patterns, or building interactive frontend features. Masters observable patterns, data binding, and custom bindings. Use when this capability is needed.
- tomevault-io Bundle Magento Magewire Specialist
Develops reactive components using Magewire for Magento 2. Use when building real-time interfaces, creating reactive components, or implementing Livewire-inspired patterns. Masters component lifecycle, state management, and server-side rendering. Use when this capability is needed.
- tomevault-io Bundle Manifest Structure
Canonical system manifest format with all enumerated types for project, frontend, service, database, integration, LLM, agent, and communication components. Use when structuring architecture output. Use when this capability is needed.
- tomevault-io Bundle Update Component Reference
This skill should be used when the user wants to add components (commands, agents, skills, hooks, or MCP servers) to the Component Reference section of the website. Use when this capability is needed.
- tomevault-io Bundle Server Management
Manages the Claude Code Config Manager development servers (backend on port 8420, frontend on port 5173). Claude and subagents should use this skill before running tests, after modifying backend code, or when server issues occur. Triggers on server operations, test preparation, backend restarts, health checks, or when encountering connection errors to localhost:8420.
- tomevault-io Bundle Omer Metin Skills For Antigravity React Native Specialist
---
- tomevault-io Bundle Nextjs Typescript Tailwindcss Supabase
Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications. Use when this capability is needed.
- tomevault-io Bundle Mohmmedashraf Laravel Translations Laravel Translations
Inertia React Development
- tomevault-io Bundle Vue Migration Executor
Implements approved Vue 2 to Vue 3 migration plans through code changes. Use when this capability is needed.
- tomevault-io Bundle Vue Migration Patterns
Comprehensive Vue 2→3 migration pattern reference for migration agents. Use during any phase of a Vue 2 to Vue 3 migration — planning, execution, or review. Contains complete breaking changes catalog, Options API to Composition API transformations, Vuex to Pinia conversion patterns, Vue Router 3 to 4 migration, edge cases, and a cross-platform project scanner script. Use when this capability is needed.
- tomevault-io Bundle Vue Migration Reviewer
Audits and validates completed Vue 3 migrations for quality assurance. Use when this capability is needed.
- tomevault-io Bundle Policyengine App
Developing policyengine-app-v2 — the main React frontend for policyengine.org Use when this capability is needed.
- tomevault-io Bundle Next JS Project Structure
Comprehensive guide to Next.js project structure, file conventions, and organization strategies. Use when this capability is needed.
- tomevault-io Bundle DB Upgrader
Upgrade step to perform (status-page, replication-check, post-maintenance, switchover, cleanup) Use when this capability is needed.
- tomevault-io Bundle 2026 Migration Patterns
Use when upgrading Zod 3→4, Vitest 2→4, Tailwind CSS 3→4. Covers non-obvious gotchas that cause runtime failures - things NOT prominently documented.
- tomevault-io Bundle Chatbox Layout Patterns
CSS and React patterns for building WhatsApp-style chat interfaces with pinned input, bottom-anchored messages, scroll management, and streaming support. Covers the CSSence double-reverse pattern, min-h-0 grid/flex fixes, h-dvh viewport locking, and mobile adaptations. Use when this capability is needed.
- tomevault-io Bundle Frontend Tailwind Best Practices
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes. Use when this capability is needed.
- tomevault-io Bundle I18N Guide
Internationalisation guide for frontend components. Use when building or modifying frontend UI components that need multi-language support. Use when this capability is needed.
- tomevault-io Bundle Native Data Fetching
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (useLoaderData).
- tomevault-io Bundle Nextjs Supabase Auth
Expert integration of Supabase Auth with Next.js App Router Use when this capability is needed.
- tomevault-io Bundle React Flow Architect
Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management. Use when this capability is needed.
- tomevault-io Bundle Vercel AI Sdk Expert
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. Use when this capability is needed.
- tomevault-io Bundle Mobile Platform Architect
Architects cross-platform and native mobile applications, providing guidance on state management, navigation, and platform-specific best practices for React Native, Flutter, iOS, and Android. Use when this capability is needed.
- tomevault-io Bundle Vue Migration Planner
Analyzes Vue 2 projects and creates detailed migration plans for Vue 3.
- tomevault-io Bundle Revealui React Nextjs Patterns
React 19 and Next.js 16 best practices for RevealUI development Use when this capability is needed.
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 prompt-engineering-ui, i3ringit--antigravity-cortex--julik-frontend-races-reviewer, webdev-html-css-patterns. 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.