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.
-
rudironsoni Skill Dotnet Accessibility 6Implements accessible .NET UI. SemanticProperties, ARIA, AutomationPeer, testing per platform.
- rudironsoni Skill Dotnet UI Testing Core 6
Tests UI across frameworks. Page objects, test selectors, async waits, accessibility.
-
holobiomicslab Skill Transformer Model Training 2Use when you have a dataset of augmented simulated overlapped GC-MS peaks and need to train a Transformer model to automatically deconvolve them into pure component mass spectra.
- holobiomicslab Skill Mass Spectrum Extraction And Formatting 2
Use when you have raw GC-MS data in netCDF or vendor-specific binary format and need to separate co-eluting compounds and extract clean mass spectra for each individual chemical component prior to molecular networking, spectral matching, or metabolite identification workflows.
-
netvar1337 Bundle Cua Driver 2Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact window geometry, or pixel coordinates, and verify from fresh state. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host.
- holobiomicslab Skill Metabolite Taxonomy Database Lookup 2
Use when when you have MS/MS-annotated features from a natural extract (via SIRIUS, CANOPUS, or ISDB) and need to compute the Literature Component or Class Component of a priority rank—i.
- holobiomicslab Skill Environment Dependency Management 2
Use when when deploying Galaxy-M or similar multi-component metabolomics platforms that depend on heterogeneous runtime environments (Python, R, MATLAB, WINE) across multiple operating systems (Ubuntu 14.
- holobiomicslab Skill Pure Component Spectrum Extraction 2
Use when analyzing GC-MS data containing overlapped peaks where two or more components co-elute within the same retention time window, making direct spectral assignment impossible.
- holobiomicslab Skill Two Dimensional Chromatography Data Handling 2
Use when you have raw GCxGC-MS chromatogram data in NetCDF format from multiple samples (e.g., case and control groups) and need to prepare them for multivariate analysis such as multiway principal component analysis (MPCA).
- netvar1337 Bundle Improve Codebase Architecture 2
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
- netvar1337 Skill Initial Access 2
Use when gaining initial access to a target — phishing, payload delivery, HTML smuggling, ISO/IMG/MOTW bypass, supply-chain, credential stuffing, exposed-service exploitation
- netvar1337 Bundle Mobile Pentest 2
Use when pentesting an Android/iOS app — Frida 17 instrumentation, SSL-pinning & root/jailbreak bypass, Android 14/15 CA injection, exported-component/content-provider abuse, deep-link/WebView chains, biometric bypass, Flutter/React-Native RE
- netvar1337 Bundle JS API Extract 2
JavaScript 静态分析提取隐藏 API 端点。当目标是 SPA/前后端分离架构、页面使用 Vue/React/Angular、或常规目录扫描收效甚微时使用。通过分析 JS bundle 提取 API 路径、密钥、内部域名、WebSocket 端点。是 API 渗透的信息收集阶段。发现端点后 → api-fuzz 进行语义化 fuzz
- netvar1337 Skill Cot Injection 2
思维链 (Chain-of-Thought) 注入攻击方法论。当目标系统使用 ReAct/CoT 框架进行多步推理、 Agent 依赖中间推理结果做决策、或需要测试思维链完整性时触发。 覆盖: 思维链干扰注入(伪造中间 Agent 结果)、思维链操纵注入(跳过验证步骤直接调度敏感操作)、 查询注入(在数据查询 Agent 中注入恶意查询语句)。
-
intense-visions Bundle Next Metadata API 2Next.js Metadata API
18 - intense-visions Bundle React Hoc Pattern 2
React HOC Pattern
18 - intense-visions Bundle Vue Pinia Pattern 2
Vue Pinia Pattern
18 - intense-visions Bundle Vue Reactive Refs 2
Vue Reactive Refs
18 - intense-visions Bundle Vue Slots Pattern 2
Vue Slots Pattern
18 - intense-visions Bundle A11Y Aria Patterns 2
ARIA Patterns
18 - intense-visions Bundle A11Y Form Patterns 2
Accessible Form Patterns
18 - intense-visions Bundle A11Y Semantic HTML 2
Semantic HTML for Accessibility
18 - intense-visions Bundle CSS Tailwind Merge 2
Tailwind Merge
18 - intense-visions Bundle Next Auth Patterns 2
Next.js Authentication Patterns
18 - intense-visions Bundle Next Data Fetching 2
Next.js Data Fetching Patterns
18 - intense-visions Bundle Svelte Error Pages 2
Svelte Error Pages
18 - intense-visions Bundle Vue Provide Inject 2
Vue Provide / Inject
18 - intense-visions Bundle A11Y Color Contrast 2
Color Contrast and Color Independence
18 - intense-visions Bundle A11Y Image Text Alt 2
Image and Text Alternatives
18 - intense-visions Bundle A11Y Modal Patterns 2
Accessible Modal Dialog Patterns
18 - intense-visions Bundle CSS Layout Patterns 2
CSS Layout Patterns
18 - intense-visions Bundle Drizzle With Nextjs 2
Drizzle with Next.js
18 - holobiomicslab Skill Exact Mass Utilization For Compound Identification 2
Use when you have a GC-MS dataset in CSV format with retention times, base peak m/z values, component areas, and compound names, and you need to identify whether specific query chemicals are present in your samples and retrieve their -match factors (scoring the confidence of the spectral match) and.
- intense-visions Bundle Next Monorepo Setup 2
Next.js Monorepo Setup
18 - intense-visions Bundle Next Route Handlers 2
Next.js Route Handlers
18 - intense-visions Bundle Next Server Actions 2
Next.js Server Actions
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 dotnet-accessibility, dotnet-ui-testing-core, transformer-model-training. 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.