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.
-
majiayu000 Bundle Pandoc WizardA modular CLI wizard for constructing and running complex Pandoc commands, specifically focused on HTML chunking and Lua filters.
567 - majiayu000 Bundle Team Lead
Orchestrate multi-agent parallel development with domain-specialized agents. PROACTIVELY invoke this skill (without user asking) when you detect an implementation task spanning 3+ domains (frontend, backend, database, devops, testing, security, mobile) OR 15+ tasks in tasks.md. Warn the user about higher token cost but recommend it for quality. Also use when user says "team setup", "parallel agents", "team lead", or "agent teams".
567 - majiayu000 Bundle Accessibility Skill
Accessibility Skill
567 - majiayu000 Bundle Og Image Generation
Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
567 - majiayu000 Bundle Aeo Site Page
Write content pages for the AEO Protocol website (aeoprotocol.ai) as React TSX components.
567 - majiayu000 Bundle Nextjs Skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
567 - majiayu000 Bundle Testing Reactnative
Testing React Native. Use when writing tests, reviewing test coverage, or setting up testing.
567 - majiayu000 Bundle Frontend Design Creative
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
567 - majiayu000 Bundle 20 Finalize Dapr Skill
Complete your dapr-deployment skill with actor and workflow patterns, validate code generation, and document your Digital FTE component
567 - majiayu000 Bundle Vitest Browser React
Vitest Browser React
567 - majiayu000 Bundle Create Mobile App
Use when the user wants to start a new Power Apps mobile app (Expo / React Native / TypeScript, targeting iOS and Android) from scratch.
567 - majiayu000 Bundle Dotcms Frontend Review
Autonomous PR Review System
567 - majiayu000 Bundle Edge Case Handling
Edge Case Handling in html-to-markdown
567 - majiayu000 Bundle Engineering Catchall
Engineering: backend, frontend, mobile, fullstack, embedded, blockchain, ML, QA, docs. Triggers: build feature, write code, implement, develop, api, component, mobile app, ios, android, react, vue, node, python, smart contract, machine learning, system design, testing, QA, documentation, architecture.
567 - majiayu000 Bundle React Patterns Hooks
> **Note**: Full content available to MidOS PRO subscribers. See https://midos.dev/pricing
567 - majiayu000 Bundle Visitor Pattern Usage
Visitor Pattern Usage for html-to-markdown
567 - majiayu000 Bundle Component Development Skill
Component Development Skill
567 - majiayu000 Bundle Frontend Developer Skill
Frontend Developer Skill
567 - majiayu000 Bundle Frontend Patterns Skill
Frontend Patterns Skill
567 - majiayu000 Bundle Writing Main Component
Create, update, or validate main component implementation files
567 - majiayu000 Bundle Swiftui Anton Abyzov Specweave
SwiftUI and Swift 6 expert for iOS native development. Covers view composition, NavigationStack, @Observable, SwiftData, structured concurrency, MVVM/TCA architecture, Xcode configuration, preview-driven development, accessibility, and testing. Use for iOS/macOS/watchOS/tvOS SwiftUI projects.
567 - majiayu000 Bundle A11Y Check 2
Accessibility audit against WCAG 2.1 AA. Checks semantic HTML, ARIA, keyboard navigation, color contrast, screen reader compatibility.
567 - majiayu000 Bundle Conversion Mapping Rules
Conversion Mapping Rules: HTML Elements to Markdown
567 - majiayu000 Bundle Expo Anton Abyzov Specweave
Expo and React Native New Architecture expert. Expo SDK 52+, Fabric, TurboModules, JSI, EAS Build/Submit, Expo Router, Expo Modules API, OTA updates, push notifications. Use for Expo projects, managed workflow, EAS pipelines, or migrating from bare RN.
567 - majiayu000 Bundle Nextjs Anton Abyzov Specweave
Expert in Next.js 14+ App Router, Server Components, and Server Actions. Use when building Next.js applications, implementing SSR/SSG, or configuring dynamic routing and data fetching. Covers streaming, caching strategies, middleware, and deployment optimization.
567 - majiayu000 Bundle Frontend Anton Abyzov Specweave
Frontend developer for React, Vue, Angular, TypeScript. Use for components, hooks, state management, responsive UIs. Covers React 18/19, custom hooks, forms, a11y.
567 - majiayu000 Bundle Flutter Anton Abyzov Specweave
Flutter and Dart 3+ expert for cross-platform mobile development. Covers widget composition, Riverpod state management, GoRouter navigation, platform channels, local storage, networking, testing strategies, build/deployment, performance profiling, theming, accessibility, FFI, and architecture patterns. Use for Flutter projects.
567 - majiayu000 Bundle Screen Reader Testing Acgspgp Acgs
Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.
567 - majiayu000 Bundle Architect Anton Abyzov Specweave
System architect for scalable technical designs and ADRs. Use for system architecture, microservices, database design, trade-off analysis, component diagrams, tech selection.
567 - majiayu000 Bundle Langchain Agents Anton Abyzov Specweave
LangChain & AI Agent Frameworks expert. Covers LCEL chains, ReAct/Plan-and-Execute/Multi-Agent architectures, tool calling, memory systems, LangGraph, CrewAI, prompt engineering, streaming, LangSmith tracing, RAG integration, and production deployment patterns.
567 - majiayu000 Bundle Bmad Wds Modular Component Architecture
Reference guides for three-tier specification system (Pages, Components, Features)
567 - majiayu000 Bundle Sveltekit Svelte5 Tailwind Skill
Use for SvelteKit 2 + Svelte 5 + Tailwind v4 projects. Keep SSR/client boundaries and Tailwind config consistent.
567 - majiayu000 Bundle Deploy Baselhussain AI Keto Meal Plan Ge
Deploy frontend and backend to Vercel with migration and health verification
567 - majiayu000 Bundle Openai Image Gen 2
Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.
567 - majiayu000 Bundle Extractor 2
Extract content from any document using the Preset-First Agentic Pipeline. Auto-detects format and document type (scientific papers, requirements specs, etc.). Supports PDF, DOCX, HTML, XML, PPTX, XLSX, EPUB, Markdown, images. Use when user says "extract this", "convert to markdown", "process pdf", or provides a document.
567 - majiayu000 Bundle Openai Image Gen 3
Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.
567
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 pandoc-wizard, team-lead, accessibility-skill. 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.