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.
-
solar-luna Bundle Wechat Draft Publisher 2自动将 HTML 文章发布到微信公众号草稿箱,支持封面图上传、标题、作者和元数据管理。当用户说"推送到微信"、"发布到公众号草稿"、"上传到草稿箱"或提到微信文章发布时使用。
-
sugatoray Skill Postrboard 2Apply the Postrboard design language to frontend work. Quiet CSS for loud products, code-native, restrained, non-generic.
-
summersec Skill Context7 MCP 2This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.
-
thestratcore Bundle Keynote Slides 2Build Keynote-style single-file HTML slide decks with brand-ready templates, minimal navigation, and Gemini nano banana media generation. Includes Narrative Engine integration for framework-driven deck creation with 17 proven storytelling structures and 5-agent review panel. Use when creating or editing slide decks, transforming content into presentations, or generating slide visuals.
-
vincelwt Bundle Opentui 2Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. Use for terminal OpenTUI development tasks including components, layout, keyboard handling, animations, and testing. Do not use for Electrobun/desktop-web-only window chrome, CSS, or browser renderer work unless terminal OpenTUI behavior is also in scope.
-
vincelwt Skill Tui Testing 2Testing Gloomberb at every level: CLI commands for fast data/integration checks, OpenTUI's built-in test harness for component tests, and tmux for full end-to-end terminal TUI testing. Use this skill when you need to verify terminal TUI features, write OpenTUI regression tests, or smoke-test the terminal app. Do not use it for Electrobun/desktop-web-only visual or window chrome work unless tmux/OpenTUI coverage is explicitly needed.
-
vs4vijay Bundle Remotion Best Practices 2Best practices for Remotion - Video creation in React
-
webmaxru Bundle Cookieless Insights 2Instrument any static website (SPA) with cookieless Azure Application Insights Real User Monitoring — no cookie/GDPR banner, free tier only — using the @webmaxru/cookieless-insights package + CLI. Covers Azure setup, code wiring (incl. build step), a Portal dashboard, and a terminal engagement report. WHEN making a static site/SPA observable, "add analytics without a cookie banner", cookieless RUM, privacy-friendly analytics, Application Insights for a frontend/GitHub Pages/Static Web Apps/Netlify/S3, page views + engagement + geo + key events.
-
wotaso Bundle Analyticscli TS Sdk 2Use when integrating or upgrading the AnalyticsCLI TypeScript SDK in web, TypeScript, React Native, or Expo apps.
-
wpacademy Bundle Wp Plugin Review 2Comprehensive WordPress plugin review covering security vulnerabilities, WordPress Coding Standards (WPCS) compliance, plugin repository guidelines, unit test coverage, and accessibility. Runs automated tools (PHPCS with WPCS, PHPStan, PHPUnit) plus deep manual code review. Outputs a detailed Markdown review report with issues, severity ratings, and actionable fixes. Use this skill whenever the user asks to "review a plugin", "audit a WordPress plugin", "check plugin security", "check plugin for repository submission", "review plugin code", "plugin code review", "check my plugin", or any request involving evaluating a WordPress plugin's code quality, security posture, or repository readiness. Also trigger when a user uploads a plugin zip or folder and asks for feedback, analysis, or a review.
-
wxkingstar Skill New Candidate 2Scaffold a new AIO candidate component end-to-end — spec, JSON schema, registry entry, CLI validator, JS renderer, fixture, and SKILL.md update. Use when the user says "add a candidate", "new aio component", "scaffold timeline / progress / code-diff", or otherwise wants to extend the protocol.
-
holobiomicslab Skill Spectral Feature Annotation 2Use when after auto-deconvolution has resolved co-eluting GC-MS peaks into individual component spectra.
-
holobiomicslab Skill API Specification Extraction 2Use when you have access to the source code of a webservice component (Python, configuration files, route definitions) and need to produce machine-readable API documentation (OpenAPI 3.
-
holobiomicslab Skill Gc Ms Spectral Preprocessing 2Use when you have raw GC-MS data files containing overlapped peaks (unresolved components with coeluting retention times) and need to predict pure mass spectra for each individual component using a Transformer-based model.
-
holobiomicslab Skill HTTP Endpoint Identification 2Use when when you have source code access to a webservice component (such as the MAGMa joblauncher) and need to enumerate all exposed HTTP endpoints, their methods (GET, POST, etc.), URL patterns, parameter names, request/response payload structures, and authentication requirements in order to.
-
holobiomicslab Skill Ms Spectral Library Matching 2Use when when you have a GC-MS dataset (CSV with columns: Component.RT, Component.Area, Base.Peak.MZ, File.Name, Compound.Name, Match.Factor) and a known set of target chemicals you wish to locate and extract with their spectral match quality and quantitation.
-
holobiomicslab Skill Chemical Identifier Unification 2Use when when you have raw GC-MS output (CSV with columns: Component.RT, Base.Peak.MZ, Component.Area, Compound.Name, Match.Factor, File.
-
holobiomicslab Skill REST API Contract Documentation 2Use when a webservice component (like MAGMa's joblauncher) lacks formal API documentation but the source code is accessible, and downstream consumers (web applications, external services) need to understand available HTTP endpoints, parameter schemas, and response formats without manual.
-
holobiomicslab Skill Webassembly Local Loading Setup 2Use when you have downloaded a web application (e.g., COLMARvista) that uses WebWorker and WebAssembly components and need to run it locally by opening index.html in a browser, rather than accessing it through a web server.
-
holobiomicslab Skill Taxonomy String Normalization 2Use when when preparing a metadata table (TSV format with species, genus, and family columns) for natural product metabolomics analysis where the Literature Component score must query known compounds by taxon.
-
holobiomicslab Skill Structured Inventory Compilation 2Use when when you need to understand the modular composition of a multi-component research software project, particularly before onboarding, refactoring, or deploying it.
-
holobiomicslab Skill Cross Domain Masst Output Parsing 2Use when you have executed batch searches against one or more domain-specific MASST tools and received multiple output files (_microbe.html, _plant.html, _tissue.html, _microbiome.html, _food.html, _matches.tsv, _library.tsv, _datasets.tsv, _count_*.
-
holobiomicslab Skill Environment Dependency Management 3Use 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 Webworker File Access Enabling 2Use when you need to run a local HTML file that uses WebWorker or WebAssembly (such as COLMARvista for NMR spectra analysis) and the browser raises cross-origin or file-access policy errors preventing WebWorker initialization or WebAssembly module loading.
-
holobiomicslab Skill Transformer Model Training 3Use 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 Metabolite Ms Ms Annotation 2Use when when you have SWATH-MS raw data (mzML or vendor format) containing multiplexed MS/MS spectra from multiple co-eluting precursor ions and need to separate these spectra into individual, annotatable component spectra for metabolite identification.
-
holobiomicslab Skill Numerical Reproducibility Testing 2Use when you have instantiated a learned component (embedding layer, encoder, or transformer submodule) from a published codebase and need to verify that its forward pass produces outputs matching the original paper's implementation before integrating it into a downstream analysis pipeline.
-
holobiomicslab Skill Software Component Identification 2Use when when you need to understand the modular structure of a multi-component research software project—particularly when integrating, documenting, or extending a system whose architecture is not immediately obvious from high-level descriptions.
-
holobiomicslab Skill Container Networking Configuration 2Use when when deploying a multi-component research application (e.g., MAGMa's four subproject services) as containerized microservices that need to communicate internally—specifically when you have identified service interdependencies (e.
-
holobiomicslab Skill Mass Spectral Component Extraction 2Use when raw GC-MS data (netCDF or mzML format) contains overlapping chromatographic peaks with co-eluting ions that cannot be resolved by retention time alone.
-
holobiomicslab Skill Metabolite Taxonomy Database Lookup 3Use 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 Principal Component Analysis Interpretation 2Use when when you have normalized MS1 ion intensity features from multiple samples and need to assess overall data quality, detect systematic batch effects or instrumental drift, or identify which samples deviate significantly from the cohort norm in an omics-agnostic manner (metabolomics.
-
holobiomicslab Skill Component Candidate Prioritization Filtering 2Use when after generateComponents has assigned candidate TP features to parent features and computed similarity metrics (spectrum similarity, fragment matches, neutral loss matches, retention time differences), use this skill to narrow the candidate pool to high-confidence parent–TP pairs that.
-
holobiomicslab Skill Multi Component Weighted Ranking Aggregation 2Use when you have completed LC–MS/MS feature detection and annotation (via MZmine2/3 and GNPS/SIRIUS/CANOPUS), have compiled a taxonomically annotated metadata table, and need to rank extracts by their likelihood of containing novel chemistry.
-
holobiomicslab Skill Documentation Mining For Project Architecture 2Use when you have access to a multi-component research software repository (e.
-
holobiomicslab Skill Url Validation And Accessibility Verification 2Use when when compiling or maintaining a catalog of web-accessible scientific tools (e.
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 wechat-draft-publisher, postrboard, context7-mcp. 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.