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.
-
thomasmoreai Skill Compliance Mapping Community AccessMaps accessibility audit results to legal frameworks — Section 508, EN 301 549, EAA, ADA, AODA. Generates VPAT 2.5 tables, identifies non-WCAG requirements.
Audited -
thomasmoreai Skill Regulatory Compliance OimiragieoValidate systems and processes against GDPR/CCPA privacy regulations, privacy-by-design principles, ADA/WCAG accessibility standards, data processing agreements (DPAs), and provide compliance checklists with regulatory change monitoring guidance.
Audited -
thomasmoreai Skill Regulatory GuardAudit a website or web app for strict compliance with applicable legislation across four domains — privacy (GDPR, CCPA, ePrivacy), accessibility (WCAG 2.2 AA, ADA, EAA), consumer & e-commerce (DSA, DMA, CCPA-sale, CAN-SPAM), and AI / content (EU AI Act, copyright, DMCA). Produces a tiered compliance report with cited evidence, severity, and concrete remediation steps. Use when releasing publicly, expanding to a new jurisdiction, or hardening before a regulator inquiry.
Audited -
thomasmoreai Skill Compliance Trestle EngineeringUse Compliance Trestle to manage OSCAL catalogs, profiles, component definitions, SSPs, markdown assembly, validation, and source-traceable updates from legacy compliance documents.
Audited -
vamseeachanta Skill PandocUniversal 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.
Audited -
vamseeachanta Skill SphinxGenerate 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.
Audited -
vamseeachanta Bundle Openfoam AnalysisEnd-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 Raycast AlfredmacOS launcher automation with Raycast extensions (TypeScript/React) and Alfred workflows (AppleScript/Python) for keyboard-driven productivity
Audited -
vamseeachanta Skill Cross Agent Skill AuditAudit and fix skill accessibility across all 4 agents (Hermes, Codex, Codex CLI, Gemini CLI). Identifies gaps in symlink wiring, external_dirs, and per-repo routing.
-
vamseeachanta Skill DocusaurusBuild modern documentation websites with Docusaurus. Covers docs, blog, pages, versioning, i18n, search integration, and deployment patterns. React-based with MDX support for interactive documentation.
Audited -
vamseeachanta Skill Sparc ArchitectureSPARC Architecture phase specialist for system design, component architecture, interface design, scalability planning, and technology selection
Audited -
vamseeachanta Skill Theme FactoryProfessional styling toolkit with 10 pre-set themes for slides, documents, reports, and HTML pages. Use when applying consistent colors and fonts to any artifact, or when generating custom themes on-the-fly.
Audited -
thomasmoreai Skill Carta Form AdvFetches Form ADV Part 1A filing data and generates an interactive HTML filing guide + Excel filing reference. Covers Items 5.D/F/H, Schedule D §7.B.(1) per-fund detail, beneficial owner breakdown, asset class composition, and capital activity. Use when asked about Form ADV, regulatory AUM, Schedule D, Form PF Section 1, SEC filing data, or private fund disclosures. Do NOT use for general fund metrics, NAV lookups, or LP contribution history — use carta-explore-data instead.
Audited -
vamseeachanta Skill SketchThrowaway HTML mockups: 2-3 design variants to compare.
Audited -
vamseeachanta Skill PPTXPowerPoint presentation toolkit for creating new presentations, editing existing ones, and using templates. Supports HTML-to-PPTX conversion, slide manipulation, and professional design. Use when building presentations, slide decks, or visual reports.
Audited -
vamseeachanta Skill AutovizAutomatic exploratory data analysis and visualization with a single line of code - generates comprehensive charts, detects patterns, and exports to HTML/notebooks
Audited -
vamseeachanta Skill Codex DesignDesign one-off HTML artifacts (landing, deck, prototype).
Audited -
vamseeachanta Skill SweetvizAutomated EDA comparison reports with target analysis, feature comparison, and HTML report generation for pandas DataFrames
Audited -
vamseeachanta Bundle Claude DesignDesign one-off HTML artifacts (landing, deck, prototype).
-
vamseeachanta Skill StreamlitBuild interactive data applications and dashboards with pure Python - no frontend experience required
Audited -
vamseeachanta Skill PlaywrightPlaywright CLI recipes for E2E testing, screenshots, PDF export, and accessibility audits. Use instead of browser MCP tools for deterministic, token-efficient browser automation.
Audited -
vamseeachanta Skill Great TablesPublication-quality tables in Python with rich styling, formatting, conditional formatting, and export to HTML/images - inspired by R's gt package
Audited -
vamseeachanta Skill Webapp TestingWeb application testing toolkit using Playwright with Python. Use for verifying frontend functionality, debugging UI behavior, capturing browser screenshots, viewing browser logs, and automating web interactions.
Audited -
vamseeachanta Skill Ydata ProfilingAutomated data quality reports with comprehensive variable analysis, missing value detection, correlations, and HTML report generation - formerly pandas-profiling
Audited -
vamseeachanta Skill MarpCreate professional Markdown-based slide presentations with Marp. Covers themes, directives, speaker notes, presenter view, and export to PDF, HTML, and PPTX formats. Includes VS Code integration, CLI usage, and CI/CD automation.
Audited -
vamseeachanta Skill HTML Report VerifyVisual + structural verification of HTML benchmark/validation reports using the Codex-in-Chrome extension. Opens the report in a browser, takes screenshots, checks key DOM elements, and produces a PASS/FAIL verdict. Generic by default; module-specific check lists extend the base set.
Audited -
vamseeachanta Skill Plotly HTML Recommended For ReportsSub-skill of plotly: HTML (Recommended for Reports) (+2).
Audited -
vamseeachanta Skill Elite Frontend UX 8 Anti Patterns Never DoSub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).
Audited -
vamseeachanta Skill Elite Frontend UX 9 Pre Delivery ChecklistSub-skill of elite-frontend-ux: 9. Pre-Delivery Checklist.
Audited -
vamseeachanta Skill Elite Frontend UX Above The Fold EssentialsSub-skill of elite-frontend-ux: Above-the-Fold Essentials (+4).
Audited -
vamseeachanta Skill Ydata Profiling 7 HTML Report CustomizationSub-skill of ydata-profiling: 7. HTML Report Customization.
Audited -
vamseeachanta Bundle LLM Wiki Page Shape ContractEnforce the page-shape contract when a repo-side document or analysis output gets converted into an llm-wiki page. Use when (1) running `scripts/knowledge/llm_wiki.py ingest`, (2) writing or rewriting a wiki page from docs/reports/*, docs/handoffs/*, scripts/review/results/*, or calc citation outputs, (3) deciding whether a page should be split into a folder of sub-pages, (4) reviewing wiki PRs for length / diagram / divide-and-conquer compliance. Codifies the Karpathy + Astro-Han + lewislulu page rules applied to workspace-hub's domain-wiki layout under /mnt/local-analysis/llm-wiki/wikis/<domain>/. Sibling to research/llm-wiki (which owns the CLI ops) — this skill is the quality gate every converted page must clear before commit.
-
vamseeachanta Skill Frontend DesignCreate distinctive, production-grade web interfaces with high design quality. Use for components, pages, dashboards, and full applications that need to stand out from generic AI aesthetics.
Audited -
vamseeachanta Skill Nextflow PipelinesRun nf-core bioinformatics pipelines (rnaseq, sarek, atacseq) on sequencing data for gene expression, variant calling, and chromatin accessibility analyses.
Audited -
vamseeachanta Skill Web Artifacts BuilderBuild self-contained interactive web applications as single HTML files. Use for creating demos, prototypes, interactive tools, and standalone web experiences that work without external servers.
Audited -
vamseeachanta Skill Engineering Report GeneratorGenerate engineering analysis reports with interactive Plotly visualizations, standard report sections, and HTML export. Use for creating dashboards, analysis summaries, and technical documentation with charts.
Audited
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 compliance-mapping-community-access, regulatory-compliance-oimiragieo, regulatory-guard. 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.