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.
-
vamseeachanta Skill Pandoc 2Universal document converter for transforming Markdown to PDF, DOCX, HTML, LaTeX, and 40+ other formats. Covers templates, filters, citations with BibTeX/CSL, and batch conversion automation scripts.
-
vamseeachanta Skill Sphinx 2Generate comprehensive Python documentation with Sphinx. Covers autodoc for API extraction, Napoleon for Google/NumPy docstrings, intersphinx for cross-references, and multiple output formats including HTML, PDF, and ePub.
-
vamseeachanta Bundle Openfoam Analysis 2End-to-end CFD analysis workflow using OpenFOAM — from problem definition through meshing, solving, and post-processing to calculation report generation. Integrates with calculation-methodology (6-phase structure) and calculation-report (YAML → HTML rendering). Use when performing CFD analyses, not just setting up cases.
-
vamseeachanta Skill Interactive Dashboard Builder 2Create self-contained HTML/JavaScript dashboards with Chart.js, filters, and professional styling
-
vamseeachanta Skill Elite Frontend UX Layout 2Sub-skill of elite-frontend-ux: Layout (+3).
-
vamseeachanta Skill Chartjs With React 2Sub-skill of chartjs: With React (+1).
-
vamseeachanta Skill Echarts With React 2Sub-skill of echarts: With React (+1).
-
vamseeachanta Skill Elite Frontend UX Trigger 2Sub-skill of elite-frontend-ux: Trigger.
-
vamseeachanta Skill Webapp Testing Static HTML 2Sub-skill of webapp-testing: Static HTML (+2).
-
vamseeachanta Skill Highcharts With React 2Sub-skill of highcharts: With React (+1).
-
vamseeachanta Skill Elite Frontend UX Required Cn Helper 2Sub-skill of elite-frontend-ux: Required: cn() Helper (+3).
-
vamseeachanta Skill Elite Frontend UX Contrast Wcag 21 Aa 2Sub-skill of elite-frontend-ux: Contrast (WCAG 2.1 AA) (+4).
-
vamseeachanta Skill Plotly HTML Recommended For Reports 2Sub-skill of plotly: HTML (Recommended for Reports) (+2).
-
vamseeachanta Skill Elite Frontend UX 8 Anti Patterns Never Do 2Sub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).
-
vamseeachanta Skill Elite Frontend UX 9 Pre Delivery Checklist 2Sub-skill of elite-frontend-ux: 9. Pre-Delivery Checklist.
-
vamseeachanta Skill Elite Frontend UX Above The Fold Essentials 2Sub-skill of elite-frontend-ux: Above-the-Fold Essentials (+4).
-
vamseeachanta Skill Elite Frontend UX 2 Design Token System 2Sub-skill of elite-frontend-ux: 2. Design Token System.
-
vamseeachanta Skill Autoviz 7 Export To HTML And Notebooks 2Sub-skill of autoviz: 7. Export to HTML and Notebooks.
-
vamseeachanta Skill Frontend Design Generic AI Aesthetics 2Sub-skill of frontend-design: Generic AI Aesthetics (+1).
-
vamseeachanta Skill Ydata Profiling 7 HTML Report Customization 2Sub-skill of ydata-profiling: 7. HTML Report Customization.
-
vamseeachanta Skill Highcharts 1 Enable Accessibility 2Sub-skill of highcharts: 1. Enable Accessibility (+3).
-
vamseeachanta Skill Brand Guidelines Accessibility 2Sub-skill of brand-guidelines: Accessibility.
-
vamseeachanta Skill Frontend Design Common Issues 2Sub-skill of frontend-design: Common Issues.
-
vamseeachanta Skill Elite Frontend UX 10 Implementation Order 2Sub-skill of elite-frontend-ux: 10. Implementation Order.
-
vamseeachanta Skill Docusaurus 5 Mdx And React Components 2Sub-skill of docusaurus: 5. MDX and React Components.
-
vamseeachanta Skill Frontend Design Implementation Philosophy 2Sub-skill of frontend-design: Implementation Philosophy.
-
vamseeachanta Skill Frontend Design Execution Checklist 2Sub-skill of frontend-design: Execution Checklist.
-
vamseeachanta Skill Frontend Design Cards With Character 2Sub-skill of frontend-design: Cards with Character (+1).
-
vamseeachanta Skill Frontend Design Tailwind CSS Custom Config 2Sub-skill of frontend-design: Tailwind CSS (Custom Config) (+1).
-
vamseeachanta Skill Frontend Design Before Coding Design Direction 2Sub-skill of frontend-design: Before Coding: Design Direction.
-
vamseeachanta Skill Elite Frontend UX 1 Aesthetic Commitment Choose One Comm 2Sub-skill of elite-frontend-ux: 1. Aesthetic Commitment (Choose ONE, COMMIT).
-
vamseeachanta Skill Elite Frontend UX Compound Components Prefer Over Prop S 2Sub-skill of elite-frontend-ux: Compound Components (prefer over prop soup) (+3).
-
vamseeachanta Skill Orcawave Aqwa Benchmark HTML Report Structure 2Sub-skill of orcawave-aqwa-benchmark: HTML Report Structure (+1).
-
vamseeachanta Skill Elite Frontend UX Phase 0 Context Analysis 2Sub-skill of elite-frontend-ux: Phase 0 — Context Analysis (Answer Before Writing Any Code).
-
ferroxlabs Skill UX Audit 2Conducts a heuristic UX evaluation using Nielsen's 10 usability heuristics, identifies violations with severity ratings, and produces a prioritized remediation list. Use when the user asks to audit a user experience, evaluate usability, review an interface for UX issues, or identify usability problems. Do NOT use for accessibility-specific audits (use accessibility-review), visual design critique (use visual-hierarchy-review), or user flow analysis (use user-flow-mapping).
37 -
ferroxlabs Skill Frontend Developer 2Becomes a senior frontend developer who builds accessible, performant user interfaces with modern web technologies. Use when the user needs UI components, responsive layouts, accessibility improvements, or frontend performance optimization. Do NOT use when designing backend APIs, configuring server infrastructure, or performing security audits.
37
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 pandoc, sphinx, openfoam-analysis. 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.