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.
-
newmindsgroup Skill Application Performance Performance OptimizationOptimize end-to-end application performance with profiling, observability, and backend/frontend tuning. Use when coordinating performance optimization across the stack.
Audited -
jadegate Skill Screen Reader TestingTest web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.
Audited -
anhvu1107 Bundle Frontend Mobile Security Xss ScanALWAYS use this when the request matches Frontend Mobile Security XSS Scan: You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention.
-
anhvu1107 Bundle Javascript Typescript Typescript ScaffoldALWAYS use this when the request matches Javascript Typescript Typescript Scaffold: You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications.
-
anhvu1107 Bundle Accessibility Compliance Accessibility AuditALWAYS use this when the request matches Accessibility Compliance Accessibility Audit: You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility.
-
anhvu1107 Bundle Frontend Mobile Development Component ScaffoldALWAYS use this when the request matches Frontend Mobile Development Component Scaffold: You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components.
-
anhvu1107 Bundle Sankhya Dashboard HTML Jsp Custom Best PraticesALWAYS use this when the request matches Sankhya Dashboard Html JSP Custom Best Pratices: This skill should be used when the user asks for patterns, best practices, creation, or fixing of Sankhya dashboards using HTML, JSP, Java, and SQL.
-
anhvu1107 Bundle Application Performance Performance OptimizationALWAYS use this when the request matches Application Performance Performance Optimization: Optimize end-to-end application performance with profiling, observability, and backend/frontend tuning.
-
jadegate Bundle DefuddleUse when extracting readable main content from HTML or URLs with Defuddle, or when debugging Defuddle parser behavior, selector removals, standardization, markdown conversion, and fixture-based regressions in browser, Node.js, CLI, or worker environments.
-
jadegate Skill Forward RiskEstimate potential future losses using VaR, Expected Shortfall, Monte Carlo simulation, and stress testing. Use when the user asks about Value-at-Risk, CVaR, Expected Shortfall, scenario analysis, stress testing, or factor-based risk decomposition. Also trigger when users mention 'how much could I lose', 'worst-case scenario', 'tail risk', 'risk budget', 'component VaR', 'marginal VaR', '99% confidence loss', 'Monte Carlo simulation', or ask how to project portfolio risk forward.
Audited -
anhvu1107 Bundle Cc Skill Backend PatternsALWAYS use this when the request matches CC Skill Backend Patterns: Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
-
anhvu1107 Bundle Cc Skill Coding StandardsALWAYS use this when the request matches CC Skill Coding Standards: Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
-
anhvu1107 Bundle React Native ArchitectureALWAYS use this when the request matches React Native Architecture: Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.
-
anhvu1107 Bundle Cc Skill Frontend PatternsALWAYS use this when the request matches CC Skill Frontend Patterns: Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
-
anhvu1107 Bundle Nextjs App Router PatternsALWAYS use this when the request matches Nextjs APP Router Patterns: Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
-
anhvu1107 Bundle React Component PerformanceALWAYS use this when the request matches React Component Performance: Diagnose slow React components and suggest targeted performance fixes.
-
oomol-lab Skill Oo HTML To ImageHTML to Image (html2img.com). Use this skill for ANY HTML to Image request — searching and reading data. Whenever a task involves HTML to Image, use this skill instead of calling the API directly.
-
oomol-lab Skill Oo HtmlcsstoimageHTML/CSS to Image (htmlcsstoimage.com). Use this skill for ANY HTML/CSS to Image request — reading, creating, updating, and deleting data. Whenever a task involves HTML/CSS to Image, use this skill instead of calling the API directly.
-
jadegate Skill Unity Ecs PatternsMaster Unity ECS (Entity Component System) with DOTS, Jobs, and Burst for high-performance game development. Use when building data-oriented games, optimizing performance, or working with large entity counts.
Audited -
jadegate Skill Portfolio AnalyticsPortfolio-level performance measurement including return metrics, risk metrics, risk-adjusted ratios, rolling analysis, and HTML reports
Audited -
jadegate Skill React ModernizationUpgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.
Audited -
jadegate Skill Wcag Audit PatternsConduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
Audited -
jadegate Bundle Web Search QuerySearch the web using DuckDuckGo HTML with result extraction and fallback
-
jadegate Skill Fixed Income SovereignAnalyze government bonds including US Treasuries, yield curves, duration, convexity, and TIPS. Use when the user asks about Treasury bonds, sovereign debt, yield curve construction, interest rate risk, duration, convexity, TIPS, or breakeven inflation rates. Also trigger when users mention 'T-bills', 'T-notes', 'bond pricing', 'yield to maturity', 'inverted yield curve', 'forward rates', 'spot rates', 'DV01', 'real yields', or ask how bonds react to interest rate changes.
Audited -
jadegate Skill Python Design PatternsPython design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance. Use this skill when designing a new service or component from scratch and choosing how to layer responsibilities, when refactoring a God class or monolithic function that has grown too large, when deciding whether to add a new abstraction or live with duplication, when evaluating a pull request for structural issues like tight coupling or leaking internal types, when choosing between inheritance and composition for a new class hierarchy, or when a codebase is becoming hard to test because of entangled I/O and business logic.
Audited -
jadegate Skill Tailwind Design SystemBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Audited -
jadegate Skill Accessibility ComplianceImplement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.
Audited -
jadegate Skill HTML To Image AutomationAutomate Html To Image tasks via Rube MCP (Composio). Always search tools first for current schemas.
Audited -
jadegate Skill Nextjs App Router PatternsMaster Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.
Audited -
paulpas Skill Vercel DeployDeploys frontend applications to Vercel with preview deployments, production releases, and environment-specific configuration management via Git integration.
Audited -
paulpas Skill Design SystemsImplements production design systems with design token architecture, component theming, accessibility standards, documentation patterns, and cross-platform consistency for scalable UI ecosystems.
Audited -
paulpas Skill CSS ArchitectureArchitects scalable CSS systems using cascade layers (@layer), native nesting, :has() selector, container queries, Tailwind v4 @theme directives, and BEM naming for maintainable, production-ready frontend styling.
Audited -
anhvu1107 Bundle React UI PatternsALWAYS use this when the request matches React UI Patterns: Modern React UI patterns for loading states, error handling, and data fetching.
-
anhvu1107 Bundle Tailwind PatternsALWAYS use this when the user mentions Tailwind Patterns, asks to build, debug, review, document, automate, test, configure, migrate, or make decisions in this domain, or the task clearly depends on Tailwind Patterns; scope: Tailwind CSS v4 principles. Apply the bundled workflow, references, scripts, Senior Master standard, and Codex strict review gate before final output.
-
anhvu1107 Bundle Vercel DeploymentALWAYS use this when the request matches Vercel Deployment: Expert knowledge for deploying to Vercel with Next.js
-
anhvu1107 Bundle Frontend DeveloperALWAYS use this when the request matches Frontend Developer: Build React components, implement responsive layouts, and handle client-side state management.
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 application-performance-performance-optimization, screen-reader-testing, frontend-mobile-security-xss-scan. 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.