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.
-
ultroncore Skill Nuxt3Vue full-stack framework with auto-imports, SSR, and Nitro server
-
ultroncore Skill RemixFull-stack React framework built on web standards — loaders, actions, nested routes
-
ultroncore Bundle LangchainFramework for building LLM-powered applications with agents, chains, and RAG. Supports multiple providers (OpenAI, Anthropic, Google), 500+ integrations, ReAct agents, tool calling, memory management, and vector store retrieval. Use for building chatbots, question-answering systems, autonomous agents, or RAG applications. Best for rapid prototyping and production deployments.
Audited -
ultroncore Bundle A11Y WcagWeb accessibility implementation: ARIA patterns, keyboard navigation, focus management, and WCAG 2.2 compliance. Triggers on: aria-label, aria-*, role=, focus trap, keyboard navigation, screen reader, WCAG, axe, accessibility.
-
ultroncore Skill SolidjsFine-grained reactive UI library — no virtual DOM, surgical updates
-
ultroncore Skill ZustandMinimal React state management — bears, slices, middleware
-
ultroncore Bundle Trpc ExperttRPC v11 end-to-end type-safe APIs with Next.js App Router, Zod input validation, and React Query integration. Triggers on: tRPC, trpc, createTRPCRouter, publicProcedure, protectedProcedure, t.router, useQuery trpc.
-
ultroncore Skill CapacitorNative iOS and Android apps from web code — Ionic's cross-platform runtime
-
ultroncore Skill SveltekitSvelte full-stack framework with file-based routing and SSR
-
ultroncore Skill TurbopackRust-based incremental bundler by Vercel — successor to webpack
-
ultroncore Skill Xstate V5Actor-model state machines for complex UI and async workflows
-
ultroncore Bundle LLM StreamingStreaming LLM responses with server-sent events (SSE), React streaming UI patterns, and backend streaming APIs. Triggers on: stream=True, MessageStreamEvent, ReadableStream, SSE, text_delta, EventSource, streaming response.
-
ultroncore Skill PulumiInfrastructure as code using real programming languages (TypeScript, Python, Go, C#, Java, YAML) with Pulumi. Use this skill whenever the user wants to define, deploy, or manage cloud infrastructure using code, wants to migrate from Terraform/CDK to Pulumi, needs to create Pulumi stacks or programs, asks about Pulumi state management, providers, component resources, or automation API. Trigger for any mention of Pulumi, IaC with real languages, or "pulumi up/preview/destroy".
-
ultroncore Skill Million JSReact performance optimization via virtual DOM replacement
-
ultroncore Skill NativewindTailwind CSS utility classes for React Native — universal styling
-
ultroncore Bundle Framer MotionFramer Motion animations for React: layout animations, gesture-based animations, shared layout, and exit animations. Triggers on: framer-motion, motion., AnimatePresence, layoutId, useMotionValue, useSpring, useTransform, whileHover, whileTap.
-
ultroncore Bundle Theme FactoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
-
ultroncore Skill Expo RouterFile-based routing for React Native and web via Expo — universal navigation
-
ultroncore Bundle Resend EmailTransactional email with Resend: React email templates, sending from Next.js, and email automation. Triggers on: Resend, resend.emails.send, react-email, EmailTemplate, transactional email, SMTP, email template.
-
ultroncore Bundle IOS TestingiOS testing expert skill covering Swift Testing framework (@Test, #expect, #require, @Suite, parameterized tests, traits), XCTest (assertions, async testing, performance testing, XCTestExpectation), UI Testing (XCUIApplication, XCUIElement, Page Object pattern, accessibility identifiers), snapshot testing (swift-snapshot-testing), mocking strategies (protocol-based mocks, URLProtocol for network, test doubles), and testing patterns for SwiftUI, SwiftData, Combine, and async/await code. Use this skill whenever the user writes tests, creates test classes, needs mocking strategies, or asks about testing iOS code. Triggers on: test, @Test, #expect, XCTest, XCTestCase, unit test, UI test, integration test, mock, stub, spy, fake, snapshot test, test coverage, TDD, testing, assert, XCTAssert, Swift Testing, @Suite, parameterized test, test plan, test double, URLProtocol mock, ViewInspector, or any iOS testing question.
-
ultroncore Skill A11Y Checker CIAdds comprehensive accessibility testing to CI/CD pipelines using axe-core Playwright integration or pa11y-ci. Automatically generates markdown reports for pull requests showing WCAG violations with severity levels, affected elements, and remediation guidance. This skill should be used when implementing accessibility CI checks, adding a11y tests to pipelines, generating accessibility reports, enforcing WCAG compliance, automating accessibility scans, or setting up PR accessibility gates. Trigger terms include a11y ci, accessibility pipeline, wcag ci, axe-core ci, pa11y ci, accessibility reports, a11y automation, accessibility gate, compliance check.
-
ultroncore Bundle Uniapp Frontenduni-app cross-platform frontend development with Vue 3 + TypeScript. Use for: (1) Creating new uni-app projects or pages, (2) Integrating UI libraries (uView Plus, uni-ui, TuniaoUI), (3) Implementing multi-theme design systems, (4) Building WeChat Mini Programs, H5, and other platforms, (5) Setting up SCSS theming and global styles, (6) Configuring Vite build system. Includes reusable templates, component patterns, and best practices applicable to any uni-app project.
-
ultroncore Skill Tanstack FormHeadless, type-safe form library with first-class async validation
-
ultroncore Skill Tauri DesktopBuild native desktop apps with Tauri 2.x — using web frontend (React/Vue/Svelte) with a Rust backend. Covers commands, events, file system access, window management, and distribution.
-
ultroncore Bundle Storybook ExpertStorybook 8 for React component development, visual testing, and documentation. Triggers on: Storybook, .stories.tsx, Meta, StoryObj, args, argTypes, decorators, play function, MSW, Chromatic.
-
ultroncore Skill Frontend DesignCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Audited -
ultroncore Skill Tanstack RouterType-safe client-side router with search params, loaders, and file-based routing
-
ultroncore Skill Vite Plugin DevAuthoring custom Vite plugins — transforms, virtual modules, HMR
-
ultroncore Bundle Expo SkillsExpo React Native mobile app development with RevenueCat payments, AdMob ads, i18n localization, onboarding flow, paywall, and NativeTabs navigation
-
ultroncore Bundle Webapp TestingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
-
ultroncore Skill QwikResumability framework — instant loading with zero hydration cost
-
nahisaho Skill Co Scientist Scatac SignacscATAC-seq Signac skill. Single-cell ATAC-seq analysis with Signac/ArchR, peak calling, motif enrichment, chromatin accessibility clustering, and gene activity scoring. Use when working with scatac-seq signac skill. single-cell atac-seq analysis with signac/archr, peak calling, motif enrichment.
-
nahisaho Skill Co Scientist Epigenomics ChromatinEpigenomics and chromatin skill. ChIP-seq/ATAC-seq analysis, histone modification mapping, chromatin accessibility, DNA methylation analysis, and epigenetic regulatory networks. Use when working with chip-seq/atac-seq analysis, histone modification mapping, chromatin accessibility.
-
ultroncore Bundle Ada Wcag ComplianceFull ADA / WCAG 2.2 AA compliance skill for static HTML + Tailwind sites. Synthesized from 5 real GitHub accessibility repos (web-a11y-plugin, Heydon/inclusive-design-checklist, pa11y, wai-wcag-quickref, html2canvas). Covers semantic markup, contrast, focus, keyboard nav, ARIA, alt text, forms, motion, robots.txt / llms.txt / sitemap, and the accessibility statement page.
-
ultroncore Bundle D3 VizCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
-
ultroncore Bundle Swiftui UI PatternsBest practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.
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 nuxt3, remix, langchain. 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.