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 React State ManagementMaster modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
Audited -
newmindsgroup Bundle Tailwind Design SystemBuild production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
-
newmindsgroup Bundle Frontend Dev GuidelinesYou are a senior frontend engineer operating under strict architectural and performance standards. Use when creating components or pages, adding new features, or fetching or mutating data.
-
newmindsgroup Skill Frontend Security CoderExpert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns.
Audited -
newmindsgroup Bundle Remotion Best PracticesBest practices for Remotion - Video creation in React
-
newmindsgroup Bundle Angular State ManagementMaster modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
-
newmindsgroup Skill React Nextjs DevelopmentReact and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
Audited -
newmindsgroup Bundle Cc Skill Backend PatternsBackend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
-
newmindsgroup Bundle Cc Skill Coding StandardsUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
-
newmindsgroup Skill Fixing Motion PerformanceAudit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
Audited -
newmindsgroup Bundle React Native ArchitectureProduction-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.
-
newmindsgroup Bundle Cc Skill Frontend PatternsFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
-
newmindsgroup Bundle Nextjs App Router PatternsComprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
-
newmindsgroup Bundle React Component PerformanceDiagnose slow React components and suggest targeted performance fixes.
-
anhvu1107 Bundle Bevy Ecs ExpertALWAYS use this when the request matches Bevy ECS Expert: Master Bevy's Entity Component System (ECS) in Rust, covering Systems, Queries, Resources, and parallel scheduling.
-
anhvu1107 Bundle Fixing MetadataALWAYS use this when the request matches Fixing Metadata: Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives.
-
anhvu1107 Bundle Frontend Design---
-
anhvu1107 Bundle Frontend SlidesALWAYS use this when the request matches Frontend Slides: Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.
-
anhvu1107 Bundle Senior FrontendALWAYS use this when the request matches Senior Frontend: Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.
-
anhvu1107 Bundle Mobile DeveloperALWAYS use this when the request matches Mobile Developer: Develop React Native, Flutter, or native mobile apps with modern architecture patterns.
-
anhvu1107 Bundle 3d Web ExperienceALWAYS use this when the request matches 3d WEB Experience: Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.
-
anhvu1107 Bundle Angular MigrationALWAYS use this when the request matches Angular Migration: Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
-
anhvu1107 Bundle HTML Injection TestingALWAYS use this when the request matches Html Injection Testing: Identify and exploit HTML injection vulnerabilities that allow attackers to inject malicious HTML content into web applications.
-
anhvu1107 Bundle Landing Page GeneratorALWAYS use this when the request matches Landing Page Generator: Generates high-converting Next.js/React landing pages with Tailwind CSS.
-
anhvu1107 Bundle React State ManagementALWAYS use this when the request matches React State Management: Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.
-
anhvu1107 Bundle Frontend Dev GuidelinesALWAYS use this when implementing or reviewing frontend components, pages, feature slices, data fetching, or interaction patterns in a production React and TypeScript app.
-
anhvu1107 Bundle Frontend Security CoderALWAYS use this when the request matches Frontend Security Coder: Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns.
-
anhvu1107 Bundle Remotion Best PracticesALWAYS use this when working with Remotion code, video compositions, rendering logic, timing, media assets, or React-based motion workflows.
-
anhvu1107 Bundle React Nextjs DevelopmentALWAYS use this when the request matches React Nextjs Development: React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
-
anhvu1107 Bundle Antigravity Design ExpertALWAYS use this when the request matches Antigravity Design Expert: Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
-
newmindsgroup 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
Audited -
newmindsgroup Skill Javascript Typescript Typescript ScaffoldYou are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
Audited -
newmindsgroup Skill Full Stack Orchestration Full Stack FeatureOrchestrates full-stack feature delivery across product requirements, backend, frontend, data, tests, and release checks.
Audited -
newmindsgroup Bundle Accessibility Compliance Accessibility AuditYou are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.
-
newmindsgroup Skill Frontend Mobile Development Component ScaffoldYou are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
Audited -
newmindsgroup Bundle Sankhya Dashboard HTML Jsp Custom Best PraticesThis skill should be used when the user asks for patterns, best practices, creation, or fixing of Sankhya dashboards using HTML, JSP, Java, and SQL.
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-development-component-scaffold, react-state-management, tailwind-design-system. 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.