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.
-
techwavedev Skill Makepad SkillsMakepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
-
techwavedev Skill MCP Builder MsGuide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate exte...
-
techwavedev Skill Mlops EngineerBuild comprehensive ML pipelines, experiment tracking, and model registries with MLflow, Kubeflow, and modern MLOps tools.
-
techwavedev Skill UI UX DesignerCreate interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
-
techwavedev Skill Wiki VitepressPackages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsa...
-
techwavedev Skill Mobile DeveloperDevelop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization.
-
techwavedev Skill Context7 Auto ResearchAutomatically fetch latest library/framework documentation for Claude Code via Context7 API. Use when you need up-to-date documentation for libraries and frameworks or asking about React, Next.js, Prisma, or any other popular library.
-
techwavedev Bundle Avalonia Zafiro DevelopmentMandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.
-
techwavedev Bundle Hybrid Search ImplementationCombine vector and keyword search for improved retrieval. Use when implementing RAG systems, building search engines, or when neither approach alone provides sufficient recall.
-
lev-os Bundle E2e Testing For WebappsE2E testing for Next.js + Playwright + Supabase. OAuth bypass via test users, interactive debugging, visual QA. Use when: E2E, Playwright, visual regression, Electron testing.
-
lev-os Skill Axe IOS SimulatoriOS Simulator automation using AXe CLI for touch gestures, text input, hardware buttons, screenshots, video recording, and accessibility inspection. Use when automating iOS Simulator interactions, writing UI tests, capturing screenshots/video, or inspecting accessibility elements. Triggers on iOS Simulator automation, AXe CLI usage, simulator tap/swipe/gesture commands, or accessibility testing tasks.
-
techwavedev Skill Frontend Mobile Security Xss ScanYou are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection poi
-
lev-os Bundle IOS Simulator Skill21 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for AI agents with minimal token output.
-
lev-os Bundle Og Share ImagesCreate OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse. Generates dynamic social preview cards with gradients, SVG icons, and proper dimensions. Use when building OG images, Twitter cards, social previews, meta images, or share images for webapps.
-
lev-os Skill Loose CouplingMinimize dependencies and maximize modularity between system components through well-defined interfaces, abstraction layers, and separation of concerns - enable independent deployment, component isolation, and parallel team evolution when building software requiring flexibility, testability, and long-term maintainability
-
iradoweck Skill Magic UI GeneratorUtilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.
-
iradoweck Skill Antigravity Design ExpertCore UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
-
lev-os Skill Backend For FrontendCreate client-specific backend services that aggregate and transform data from downstream microservices to match each frontend's unique needs
-
iradoweck Skill LanggraphExpert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications. Covers graph construction, state management, cycles and branches, persistence with checkpointers, human-in-the-loop patterns, and the ReAct agent pattern.
-
iradoweck Skill React PatternsModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
-
iradoweck Bundle Frontend DesignYou are a frontend designer-engineer, not a layout generator.
-
iradoweck Skill UI A11YAudit a component or page for accessibility issues and fix them
-
iradoweck Skill Algolia SearchExpert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning
-
lev-os Bundle Convex Create ComponentBuilds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundary work.
-
iradoweck Bundle Expo DeploymentDeploy Expo apps to production with EAS — build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, publish App Store metadata and ASO, and deploy web bundles and API routes via EAS...
-
lev-os Skill Analyzing Inflation DynamicsStructures inflation analysis with component decomposition, expectations tracking, and Phillips curve assessment. Use when analyzing inflation, decomposing CPI/PCE, or tracking inflation expectations.
-
iradoweck Skill Frontend Security CoderExpert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns.
-
lev-os Bundle Superdesign Prompt LibraryQuery and retrieve Superdesign prompt-library entries (style prompts, layout prompts, and component prompts) from a local JSONL export. Use when you need reusable UI prompt building blocks or want to extract all prompts for a style/category/slug. Triggers: "superdesign", "design prompt", "prompt library", "style prompt", "layout prompt", "mosaic"
-
lev-os Skill Analyzing Financial ConditionsStructures financial conditions index analysis with credit, equity, funding, and volatility component tracking. Use when analyzing financial conditions, tracking financial stress, or assessing market tightness.
-
lev-os Skill Component Library DesignWhen building reusable UI component systems that scale across teams and products
-
lev-os Bundle Interactive Visualization CreatorBuild interactive visualizations for Next.js (SVG, Canvas, Three.js, Framer Motion). Use when creating diagrams, animations, simulations, or data visualizations.
-
lev-os Skill Managing Patient Portal ContentCreates patient-facing health information content with health literacy and accessibility standards. Use when developing portal content, writing patient communications, or managing digital health tools.
-
lev-os Skill Event Driven ArchitectureDesign systems that react to state changes through asynchronous events, enabling loose coupling and scalability
-
boisenoise Skill Slack AutomationAutomate Slack messaging, channel management, search, reactions, and threads via Rube MCP (Composio). Send messages, search conversations, manage channels/users, and react to messages programmatically.
-
0xbreadguy Skill MeganamesAI coding skill for MegaNames (.mega naming service on MegaETH). Covers name registration with USDM payments, forward/reverse resolution, text records, free subdomains, subdomain marketplace with token gating, Warren Protocol contenthash for on-chain websites, and frontend integration with wagmi/viem. Works with Claude Code, Cursor, Windsurf, and OpenClaw.
Audited -
1999azzar Bundle Mema MailerProfessional email delivery system using the Resend API and Jinja2 HTML templating with Swiss-Archival design. Use when user asks to "send email", "notify me", "send report", "send invoice", "send newsletter", "email alert".
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 frontend-mobile-security-xss-scan, interactive-visualization-creator, event-driven-architecture. 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.