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.
-
demerzels-lab Bundle Markdown To HTML 2Convert Markdown text to beautifully styled, self-contained HTML with embedded CSS.
10 - demerzels-lab Bundle Web I18N Nextjs 2
Internationalization (i18n) guide for Next.js / Node.js web applications using the App Router.
10 - demerzels-lab Bundle Local Web Search Skill 2
Free local web search via DuckDuckGo HTML scraping with no API key.
10 - demerzels-lab Bundle Lb Tailwindcss Skill 2
Complete Tailwind CSS documentation.
10 - demerzels-lab Bundle Web Markdown Navigator 2
Fetch webpages and return clean markdown instead of raw HTML.
10 - demerzels-lab Bundle Markdown Exporter 2
Convert Markdown text to DOCX, PPTX, XLSX, PDF, PNG, HTML, IPYNB, MD, CSV, JSON, JSONL, XML files, and extract code.
10 - demerzels-lab Bundle Calibre Catalog Read 2
Read Calibre catalog data via calibredb over a Content server, and run one-book analysis workflow that writes HTML.
10 - demerzels-lab Bundle Web Architecture 2
Multi-agent orchestration for complex TypeScript/Next.js/Convex projects.
10 - demerzels-lab Bundle Sr Next Clerk Expert 2
Senior-level Clerk authentication expertise for Next.js 15/16+ applications.
10 - demerzels-lab Bundle Report Generator 2
Generates a structured report HTML based on a specific template.
10 - demerzels-lab Bundle Next Cache Components 2
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag.
10 - demerzels-lab Bundle Shelly Landing Gen 2
Generate complete, responsive HTML landing pages from a product name, tagline, and description.
10 - demerzels-lab Bundle React Native Logs CLI 2
Use rn-logs to read React Native Metro logs via CDP without MCP overhead.
10 - demerzels-lab Bundle Cognitive Clarity 2
Cognitive accessibility linter for outbound messages.
10 - demerzels-lab Bundle Document Multiple Repository 2
Gera documentação técnica consolidada para sistemas de software com múltiplos repositórios (frontend, backend.
10 - demerzels-lab Bundle Sovereign Accessibility Auditor 2
Audits HTML/CSS for WCAG 2.1 compliance.
10 - demerzels-lab Bundle Ohos React Native Performance 2
OpenHarmony React Native performance static checks and optimization.
10 - demerzels-lab Bundle Cicd Pipeline Generator 2
This skill should be used when creating or configuring CI/CD pipeline files for automated testing, building, and deployment. Use this for generating GitHub Actions workflows, GitLab CI configs, CircleCI configs, or other CI/CD platform configurations. Ideal for setting up automated pipelines for Node.js/Next.js applications, including linting, testing, building, and deploying to platforms like Vercel, Netlify, or AWS.
10 -
vamseeachanta Skill Raycast Alfred 2macOS launcher automation with Raycast extensions (TypeScript/React) and Alfred workflows (AppleScript/Python) for keyboard-driven productivity
- vamseeachanta Skill Docusaurus 2
Build modern documentation websites with Docusaurus. Covers docs, blog, pages, versioning, i18n, search integration, and deployment patterns. React-based with MDX support for interactive documentation.
- vamseeachanta Skill Theme Factory 2
Professional 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.
- vamseeachanta Skill Frontend Design 2
Create 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.
- vamseeachanta Skill Nextflow Pipelines 2
Run nf-core bioinformatics pipelines (rnaseq, sarek, atacseq) on sequencing data for gene expression, variant calling, and chromatin accessibility analyses.
- vamseeachanta Skill Engineering Report Generator 2
Generate engineering analysis reports with interactive Plotly visualizations, standard report sections, and HTML export. Use for creating dashboards, analysis summaries, and technical documentation with charts.
- vamseeachanta Skill Reporting Workflow 2
End-to-end workflow for generating reports from data, validating outputs, running report-focused tests, and iterating on HTML/interactive reporting artifacts.
- demerzels-lab Bundle Fosmvvm React View Generator 2
Generate React components that render FOSMVVM ViewModels.
10 - demerzels-lab Bundle Wasm Spa Autofix React Imports 2
Meticulously detect and fix missing React/TSX imports, undefined components, and bundler runtime errors in the WASM.
10 - vamseeachanta Skill Autoviz 2
Automatic exploratory data analysis and visualization with a single line of code - generates comprehensive charts, detects patterns, and exports to HTML/notebooks
- vamseeachanta Skill Sweetviz 2
Automated EDA comparison reports with target analysis, feature comparison, and HTML report generation for pandas DataFrames
- vamseeachanta Skill Streamlit 3
Build interactive data applications and dashboards with pure Python - no frontend experience required
- vamseeachanta Skill Great Tables 2
Publication-quality tables in Python with rich styling, formatting, conditional formatting, and export to HTML/images - inspired by R's gt package
- vamseeachanta Skill Theme Factory Htmlcss 2
Sub-skill of theme-factory: HTML/CSS (+2).
- vamseeachanta Skill Frontend Design Metrics 2
Sub-skill of frontend-design: Metrics.
- vamseeachanta Skill Webapp Testing 2
Web 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.
- vamseeachanta Skill Ydata Profiling 2
Automated data quality reports with comprehensive variable analysis, missing value detection, correlations, and HTML report generation - formerly pandas-profiling
- vamseeachanta Skill Marp 2
Create 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.
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 markdown-to-html, web-i18n-nextjs, local-web-search-skill. 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.