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.
-
intense-visions Bundle React Concurrent UI 2React Concurrent UI
18 - intense-visions Bundle React Hooks Pattern 2
React Hooks Pattern
18 - intense-visions Bundle React Static Import 2
React Static Import
18 - intense-visions Bundle State Zustand React 2
Zustand React Patterns
18 - intense-visions Bundle Svelte Form Actions 2
Svelte Form Actions
18 - intense-visions Bundle Svelte Server Hooks 2
Svelte Server Hooks
18 - intense-visions Bundle CSS Tailwind Pattern 2
Tailwind CSS Pattern
18 - intense-visions Bundle React Dynamic Import 2
React Dynamic Import
18 - intense-visions Bundle Svelte Runes Pattern 2
Svelte Runes Pattern
18 - intense-visions Bundle Test Component React 2
Test Component React
18 - intense-visions Bundle Vue Async Components 2
Vue Async Components
18 - intense-visions Bundle Vue Component Events 2
Vue Component Events
18 - intense-visions Bundle Vue Teleport Pattern 2
Vue Teleport Pattern
18 - intense-visions Bundle Vue Watchers Pattern 2
Vue Watchers Pattern
18 - intense-visions Bundle A11Y Motion Animation 2
Motion and Animation Accessibility
18 - intense-visions Bundle Astro Multi Framework 2
Astro Multi-Framework
18 - intense-visions Bundle Astro Routing Pattern 2
Astro Routing Pattern
18 - intense-visions Bundle CSS Animation Pattern 2
CSS Animation Pattern
18 - intense-visions Bundle CSS Custom Components 2
Custom Styled Components
18 - intense-visions Bundle CSS Responsive Design 2
Responsive Design with Tailwind
18 - intense-visions Bundle Next Error Boundaries 2
Next.js Error Boundaries
18 - intense-visions Bundle Next Testing Patterns 2
Next.js Testing Patterns
18 -
netvar1337 Bundle Ctf Flag Verification 2CTF/靶场 Flag 强制验证流程。当通过**任何方式**发现疑似 flag 字符串（含 flag{、FLAG{、ctf{ 等格式）时**必须立即**使用此 skill 验证，不要直接提交。防止因字符截断、编码错误、HTML 实体、base64 不完整解码、hex 截断等原因导致提交错误 flag。即使 flag 看起来完整，也可能存在隐藏字符或编码问题。覆盖 SQL 注入分段提取、命令执行输出截断、文件读取编码、Web 页面解析等所有 flag 提取场景。任何时候看到 flag{ 字样都应触发此 skill
- netvar1337 Bundle Xslt Injection 2
XSLT 注入测试方法论。当目标存在用户可控的 XSLT/样式表输入、XML 转换端点、报表生成器、XML→HTML 转换器时使用。覆盖处理器指纹识别(Xalan/Saxon/libxslt/MSXML)、XXE via XSLT(DTD外部实体)、document() SSRF/文件读取、EXSLT 文件写入、PHP php:function RCE、Java Saxon/Xalan 扩展 RCE、.NET msxsl:script RCE。完全零覆盖漏洞类型——任何涉及 XSLT、XML 样式表、XML 转换的测试都应使用此 skill
- netvar1337 Bundle Java Frontend Audit 2
Java 源码前端安全类漏洞审计。当在 Java 白盒审计中需要检测前端安全漏洞时触发。 覆盖 5 类风险: XSS(JSP/Thymeleaf/FreeMarker 输出转义)、CSRF(Spring Security/自定义 Token)、 开放重定向(sendRedirect/forward)、CRLF 注入(Header/Cookie)、Session 管理(固定/超时/并发)。 需要 java-audit-pipeline 提供的数据流证据。
- intense-visions Bundle Next Caching Strategies 2
Next.js Caching Strategies
18 - intense-visions Bundle Next Environment Config 2
Next.js Environment Configuration
18 - intense-visions Bundle Next Image Optimization 2
Next.js Image Optimization
18 - intense-visions Bundle Next Middleware Pattern 2
Next.js Middleware
18 - intense-visions Bundle Next Streaming Suspense 2
Next.js Streaming and Suspense
18 - intense-visions Bundle Otel Nextjs Integration 2
OpenTelemetry Next.js Integration
18 - intense-visions Bundle React Server Components 2
React Server Components
18 - intense-visions Bundle Svelte State Management 2
Svelte State Management
18 - intense-visions Bundle Svelte Testing Patterns 2
Svelte Testing Patterns
18 - intense-visions Bundle Trpc Nextjs Integration 2
tRPC Next.js Integration
18 - intense-visions Bundle Vue Composables Pattern 2
Vue Composables Pattern
18
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 react-concurrent-ui, react-hooks-pattern, react-static-import. 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.