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.
-
hibra999 Bundle Greykite ForecastingUse LinkedIn Greykite for interpretable univariate forecasting after forecasting-data-prep, including pandas DataFrame inputs with time/value/regressor columns, Forecaster.run_forecast_config, ForecastConfig, MetadataParam, Silverkite, Prophet, Auto-ARIMA, lag-based and multistage templates, AUTO/SILVERKITE model templates, holidays/events, changepoints, regressors, lagged regressors, autoregression, prediction intervals via coverage, rolling time-series CV/backtest, benchmarking, plotting, component diagnostics, and anti-leakage safeguards.
-
dubsopenhub Skill Design Auditor🔍 Design Auditor — paste a URL, get 5 ranked fixes to improve conversions. Analyzes layout, performance, accessibility, and CTA effectiveness. Say "audit <url>" to start, or "audit local" for a local dev server.
-
dubsopenhub Bundle Web Artifacts BuilderCreate interactive HTML artifacts (dashboards, visualizations, org charts, network maps, trackers, comparisons) as self-contained HTML files. Use whenever the user requests a web application, data visualization, interactive tool, or any HTML artifact. All output MUST use the Clawpilot theme variables defined in this skill.
-
mturac Bundle Frontend Slides 4Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
-
mturac Skill Frontend Patterns 5Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
-
mturac Bundle Coding Standards 6Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.
-
mturac Bundle Frontend Slides 5フロントエンドプレゼンテーション、デモンストレーション、およびスライド構成のためのパターンとベストプラクティス。
-
mturac Bundle Documentation Lookup 5Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).
-
jcdavis131 Skill Match ConventionsRead one or two sibling files in the same area before writing a new file, so the new file matches the codebase's existing imports, component shape, data-fetching style, and folder structure. Use before creating any new file in an existing area of the codebase — a new page, component, route handler, test, service module, or config — especially when a similar file already exists nearby.
-
jcdavis131 Bundle Use Design SystemUses shared UI package primitives instead of hand-rolled markup, greps the source to verify class and component names, and sets page metadata on every page. Use when authoring UI in a repo with a shared UI package (e.g. @synthaembed/ui-fleet), when adding pages or components, or when unsure of a design token or class name.
-
thearchitectit Bundle React Nextjs BuilderReact and Next.js development guide covering component architecture, SSR/SSG strategies, API routes, state management, and performance optimization. This skill should be used when building React applications, Next.js projects, designing component hierarchies, implementing server-side rendering, or creating full-stack React apps with API routes.
-
bh611627 Skill Tdd VitestRed-green-refactor test strategy with Vitest and Testing Library for React and Next - methodology before mass test generation
-
bh611627 Skill API HandbookREST and Next.js Route Handler design - status codes, errors, idempotency, and versioning without bloat
-
bh611627 Skill Auth HandbookSessions, cookies, OAuth callbacks, and RBAC for Next.js App Router - httpOnly, CSRF-same-site boundaries, complements env-config-agent
-
bh611627 Skill I18N HandbookInternationalization for Next.js App Router - locale routing, message files, and RTL layout checks
-
bh611627 Skill Testing AgentWrite and improve React/Next.js tests with Vitest, Testing Library, and Playwright E2E
-
bh611627 Skill Code AssistantReact and Next.js coding - small diffs, pnpm, TypeScript TSX, stable versions
-
bh611627 Skill Env Config AgentManage Next.js environment variables safely - .env.example, NEXT_PUBLIC_ rules, typed env, secret leak checks
-
bh611627 Skill Monorepo Toolingpnpm workspaces and Turborepo with Next.js apps - boundaries caching and shared packages
-
bh611627 Skill Security HeadersHTTP security headers and CSP for Next.js - safe defaults, nonces, and report-only rollout
-
bh611627 Skill Github Actions CIGitHub Actions for Next.js and TypeScript - lint test build cache and PR checks
-
bh611627 Skill Next ArchitectureApp-wide Next.js App Router architecture - layers, boundaries, folder strategy, and when to split services without cloning Vercel react-best-practices
-
bh611627 Skill Performance AuditAudit Next.js performance - bundle size, images, RSC boundaries, Core Web Vitals checklist
-
bh611627 Skill Realtime HandbookSSE and WebSockets in Next.js Route Handlers - auth connection limits and when to pick each transport
-
bh611627 Skill Semantic HTML CSSSemantic HTML, landmarks, focus, and modern CSS - fast accessible UI that pairs with WCAG audits
-
bh611627 Skill Webhook ReceiversSecure Next.js Route Handlers for webhooks - signature verify idempotency and replay protection
-
bh611627 Skill Pr Review WorkflowStructured pull request review for React and Next.js - checklist, risk notes, and actionable comments without rewriting the PR
-
bh611627 Skill Storybook HandbookStorybook 8 for React TypeScript - CSF3 stories a11y addon and docs aligned with design-guidelines
-
bh611627 Skill Accessibility AuditAudit React/Next.js UIs for WCAG 2.2 AA - contrast, ARIA, keyboard, forms, alt text
-
bh611627 Skill Container Local DevDocker multi-stage builds and Compose for Next.js on Node LTS with pnpm plus Postgres Redis sidecars and dockerignore hygiene
-
bh611627 Skill Data Layer HandbookPrisma vs Drizzle and SQL in Next.js - when to choose relations migrations serverless drivers and pairing with database-schema-agent
-
bh611627 Skill Client Data FetchingTanStack Query v5 with Next.js App Router - query keys, hydration, staleTime, and server prefetch without double fetch
-
bh611627 Skill Forms And ValidationAccessible forms in React and Next.js with zod validation - server actions or client submit patterns
-
bh611627 Skill Next Server PatternsNext.js App Router server components, streaming, caching, and client boundaries without guesswork
-
bh611627 Skill Database Schema AgentDesign or audit Prisma schemas for Next.js - relations, indexes, naming, migration notes
-
bh611627 Skill Dependency MigrationsMajor version upgrades for React Next and toolchain - ordered steps rollback and test gates
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 greykite-forecasting, design-auditor, web-artifacts-builder. 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.