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.
-
duc01226 Bundle Webapp Testing 3[Testing] Use when you need individual page/component testing with Python Playwright scripts.
- duc01226 Bundle Markdown To PDF 3
[Document Processing] Use when you need to convert markdown files to PDF with syntax highlighting and custom CSS support.
- duc01226 Bundle Release Notes 3
[Git] Use when creating release notes from git history.
-
mims-harvard Bundle Tooluniverse Gene Enrichment 2Gene-set enrichment analysis — GO (Biological Process, Molecular Function, Cellular Component), KEGG, Reactome pathway enrichment via clusterProfiler, gseapy, ORA, GSEA. Use for interpreting DEG lists, screen hit lists, or any gene-list-to-pathways query. Includes simplify-cutoff handling and union-vs-total denominator conventions for percent-DE questions.
- duc01226 Skill Workflow Feature 3
[Workflow] Use when activating the Feature Implementation workflow for implement a well-defined feature with investigation, planning, implementation, and review. Also covers TDD/test-first development and spec-driven feature implementation with test specs written before code.
- duc01226 Skill Graph Connect API 3
[Code Intelligence] Use when you need to detect frontend-to-backend API connections using the knowledge graph.
- duc01226 Bundle UI UX Pro Max 3
[Frontend] Use when designing beautiful or aesthetic interfaces with curated UI styles, palettes, fonts, charts, and stacks.
- duc01226 Bundle Feature Presentation 3
[Documentation] Use when you need to synthesize all generated specs, PBIs, ideas and mockups into one standalone HTML slide presentation for stakeholders (PO/BA/Dev/QC).
- duc01226 Bundle Web Design Guidelines 3
[Code Quality] Use when reviewing UI code for accessibility, responsiveness, performance, and UX best practices.
- mims-harvard Skill Tooluniverse Regulatory Genomics 2
Transcription factor binding, cis-regulatory elements (cCREs), chromatin accessibility, and regulatory annotation using JASPAR (motifs), ENCODE (cCREs, ChIP-seq), RegulomeDB (regulatory variant scoring), UCSC — plus sequence-based deep-learning prediction of regulatory activity and non-coding variant effects (AlphaGenome, Enformer, Borzoi, ChromBPNet, Evo 2). Use for regulatory element annotation, TF-binding-site prediction, regulatory-region functional impact assessment, and predicting how a non-coding variant or a raw DNA sequence affects expression/chromatin/accessibility. Use this whenever a user asks what regulates a gene, whether a SNP hits a regulatory element, or to predict a non-coding variant's functional effect from sequence.
-
community-access Skill Email Accessibility 3Email Accessibility Skill
- community-access Skill Mobile Accessibility 3
Audit React Native, Expo, iOS, Android for accessibility. Review accessibilityLabel, accessibilityRole, accessibilityHint, touch targets (44x44pt min), screen reader support, and platform semantics.
- community-access Skill Nexus 2
---
- community-access Skill Wcag Aaa 2
WCAG AAA conformance specialist. Audits web content against WCAG 2.2 Level AAA success criteria beyond the standard AA target. Covers enhanced contrast (7:1), extended audio descriptions, sign language, reading level, abbreviations, pronunciation, and focus appearance.
- community-access Skill Analytics 2
---
- community-access Skill Pr Review 2
---
-
thebeardedbearsas Skill Tooling 14Tooling React Native - Expo & EAS. Use when working with tooling.
- thebeardedbearsas Skill Coding Standards 7
Coding-Standards für React. Use when reviewing code style or formatting.
- thebeardedbearsas Skill Coding Standards 8
React TypeScript Coding Standards. Use when reviewing code style or formatting.
- thebeardedbearsas Skill Coding Standards 9
Estándares de Codificación React TypeScript. Use when reviewing code style or formatting.
- thebeardedbearsas Skill Coding Standards 10
Standards de Codage React TypeScript. Use when reviewing code style or formatting.
- thebeardedbearsas Skill Coding Standards 11
Padrões de Codificação React TypeScript. Use when reviewing code style or formatting.
- community-access Skill Data Visualization Accessibility 3
Data Visualization Accessibility Skill
- community-access Skill Github Hub 2
---
- community-access Skill Repo Admin 2
---
- community-access Skill Wcag Guide 2
---
- community-access Skill Link Checker 2
---
- community-access Skill Repo Manager 2
---
- community-access Skill Team Manager 2
---
- community-access Skill Web Scanning 2
---
- community-access Skill Wiki Manager 2
GitHub Wiki command center -- create, edit, organize, and search wiki pages entirely from the editor. Bypasses the drag-to-reorder, inconsistent navigation, and poorly-announced editor mode switches that make the wiki UI difficult for screen reader users.
- community-access Skill Design System 2
---
- community-access Skill Developer Hub 2
Your intelligent developer command center -- start here for any Python, wxPython, desktop app, NVDA addon, accessibility tool building, desktop accessibility, or general software engineering task. Routes to specialist agents across the developer, web, and document accessibility teams.
- community-access Skill Issue Tracker 2
---
- community-access Skill Testing Coach 2
---
- community-access Skill CI Integration 2
---
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 webapp-testing, markdown-to-pdf, release-notes. 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.