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

Reporting Workflow

End-to-end workflow for generating reports from data, validating outputs, running report-focused tests, and iterating on HTML/interactive reporting artifacts.

Audited Sep 17
vamseeachanta Bundle

Calculation Methodology

Guides the creation of engineering calculation documents through a 6-phase workflow covering problem definition, input gathering, method selection, computation, validation, and reporting. Produces structured YAML calculation files that the calculation-report skill renders to HTML/PDF.

Sep 17
vamseeachanta Skill

Interactive Dashboard Builder

Create self-contained HTML/JavaScript dashboards with Chart.js, filters, and professional styling

Audited Sep 17
vamseeachanta Bundle

LLM Wiki Source Extraction Coverage

Doc-type-aware extraction contract for llm-wiki source ingestion with measurable coverage and source-anchored traceability. Use when (1) ingesting a PDF, DOCX, XLSX, PPTX, HTML, or scanned-image source into a wiki `sources/` page, (2) computing the pre-extraction estimate (what fraction of the source we expect to recover) and post-extraction yield (what fraction we actually recovered), (3) anchoring wiki claims back to specific page / paragraph / cell / slide positions in the source so a reviewer can re-verify or revise against the actual document, (4) deciding whether OCR fallback or manual transcription is needed. Codifies workspace-hub's existing OCR fallback chain and python-docx / openpyxl / trafilatura patterns into a format-specific routing table. Companion to research/llm-wiki-page-shape-contract (Rule 7 input-layer pages) and research/llm-wiki — this skill is the defense against silent extraction failure.

Sep 17
vamseeachanta Skill

Elite Frontend UX Layout

Sub-skill of elite-frontend-ux: Layout (+3).

Audited Sep 17
vamseeachanta Skill

Orcaflex Reporting Fixture Proof Pattern

Build and extend fixture-backed OrcaFlex reporting proof paths in digitalmodel using stable metadata baselines, normalized HTML snapshots, and reusable reporting test helpers.

Audited Sep 17
vamseeachanta Skill

Theme Factory Htmlcss

Sub-skill of theme-factory: HTML/CSS (+2).

Audited Sep 17
vamseeachanta Skill

Frontend Design Metrics

Sub-skill of frontend-design: Metrics.

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX Contrast Wcag 21 Aa

Sub-skill of elite-frontend-ux: Contrast (WCAG 2.1 AA) (+4).

Audited Sep 17
vamseeachanta Skill

Frontend Design Philosophy

Sub-skill of frontend-design: Philosophy.

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX 2 Design Token System

Sub-skill of elite-frontend-ux: 2. Design Token System.

Audited Sep 17
vamseeachanta Skill

Frontend Design Execution Checklist

Sub-skill of frontend-design: Execution Checklist.

Audited Sep 17
vamseeachanta Skill

Frontend Design Cards With Character

Sub-skill of frontend-design: Cards with Character (+1).

Audited Sep 17
vamseeachanta Skill

Frontend Design Generic AI Aesthetics

Sub-skill of frontend-design: Generic AI Aesthetics (+1).

Audited Sep 17
vamseeachanta Skill

Docusaurus 5 Mdx And React Components

Sub-skill of docusaurus: 5. MDX and React Components.

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX Required Cn Helper

Sub-skill of elite-frontend-ux: Required: cn() Helper (+3).

Audited Sep 17
vamseeachanta Skill

Autoviz 7 Export To HTML And Notebooks

Sub-skill of autoviz: 7. Export to HTML and Notebooks.

Audited Sep 17
vamseeachanta Skill

Highcharts 1 Enable Accessibility

Sub-skill of highcharts: 1. Enable Accessibility (+3).

Audited Sep 17
vamseeachanta Skill

Brand Guidelines Accessibility

Sub-skill of brand-guidelines: Accessibility.

Audited Sep 17
vamseeachanta Skill

Frontend Design Common Issues

Sub-skill of frontend-design: Common Issues.

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX 10 Implementation Order

Sub-skill of elite-frontend-ux: 10. Implementation Order.

Audited Sep 17
vamseeachanta Skill

Frontend Design Before Coding Design Direction

Sub-skill of frontend-design: Before Coding: Design Direction.

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX 1 Aesthetic Commitment Choose One Commit

Sub-skill of elite-frontend-ux: 1. Aesthetic Commitment (Choose ONE, COMMIT).

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX Compound Components Prefer Over Prop Soup

Sub-skill of elite-frontend-ux: Compound Components (prefer over prop soup) (+3).

Audited Sep 17
vamseeachanta Skill

Orcawave Aqwa Benchmark HTML Report Structure

Sub-skill of orcawave-aqwa-benchmark: HTML Report Structure (+1).

Audited Sep 17
vamseeachanta Skill

Frontend Design Implementation Philosophy

Sub-skill of frontend-design: Implementation Philosophy.

Audited Sep 17
vamseeachanta Skill

Frontend Design Tailwind CSS Custom Config

Sub-skill of frontend-design: Tailwind CSS (Custom Config) (+1).

Audited Sep 17
vamseeachanta Skill

Chartjs With React

Sub-skill of chartjs: With React (+1).

Audited Sep 17
vamseeachanta Skill

Echarts With React

Sub-skill of echarts: With React (+1).

Audited Sep 17
vamseeachanta Skill

Elite Frontend UX Trigger

Sub-skill of elite-frontend-ux: Trigger.

Audited Sep 17
vamseeachanta Skill

Webapp Testing Static HTML

Sub-skill of webapp-testing: Static HTML (+2).

Audited Sep 17
vamseeachanta Skill

Highcharts With React

Sub-skill of highcharts: With React (+1).

Audited Sep 17
ferroxlabs Bundle

Vue Builder

Expert Vue.js development covering Composition API patterns, Pinia state management, Vue Router, composables design, Nuxt.js integration, reactivity internals, and advanced component patterns. Use when the user asks about vue builder, vue builder best practices, or needs guidance on vue builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

37 Sep 17
ferroxlabs Bundle

Web Scraper

Web scraping expertise covering HTTP client selection, HTML parsing with BeautifulSoup and Cheerio, browser automation with Playwright and Puppeteer, rate limiting, robots.txt compliance, session and cookie handling, anti-detection techniques, data extraction patterns, pagination handling, and legal considerations. Use when the user asks about web scraper, web scraper best practices, or needs guidance on web scraper implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

37 Sep 17
ferroxlabs Bundle

Pcb Designer

Guides PCB design workflow including KiCad schematic capture, board layout, design rules, fabrication preparation, and component selection Use when the user asks about pcb designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of pcb designer or requires a different specialized skill.

37 Sep 17
ferroxlabs Bundle

UX For Games

Game UX design covering UI patterns and HUD design, menu systems, onboarding and tutorial flows, accessibility standards, player feedback systems, input design, information hierarchy, playtesting for UX, and the unique challenges of designing interfaces for interactive entertainment. Use when the user asks about ux for games or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

37 Sep 17

Frequently asked questions

What are Web & Frontend agent skills?

Which Web & Frontend skills are most installed?

Popular Web & Frontend skills on SkillMD right now include reporting-workflow, calculation-methodology, interactive-dashboard-builder. 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.