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.
-
zwright8 Bundle Strategic Reserve Mobilization Fraud Detection And Pay ContiPreserve reserve-component pay continuity during mobilization surges while identifying fraud and adjudicating entitlement conflicts.
-
zwright8 Bundle Reserve Component Retirement Points Sanctuary And NonregularPreserve Reserve and Guard retirement-point credit, sanctuary calculations, 20-year-letter timing, and non-regular retirement continuity when order gaps, bad years, or record drift threaten lawful service and long-horizon household stability.
-
zwright8 Bundle Reserve Component Tricare Reserve Select Retired Reserve AndPreserve TRICARE Reserve Select, TRICARE Retired Reserve, and Reserve dental eligibility continuity when drill status, activation, demobilization, or gray-area retirement changes threaten care access for Reserve and Guard households.
-
zwright8 Bundle Joint Specially Adapted Housing Automobile Allowance And HomPreserve Specially Adapted Housing (SAH or SHA), automobile allowance, and home-accessibility benefit continuity for catastrophically injured U.S. warfighters when discharge, mobility, or caregiver viability depends on rapid adaptive-benefit execution.
-
zwright8 Bundle Openclaw 3751 Multi Agent NegotiationMulti-Agent Negotiation for accessibility services. Use when work requires multi-agent negotiation for accessibility services with guardrails, traceable execution, and measurable outcomes.
-
zwright8 Bundle Joint Reservist Mobilization Family Readiness SynchronizatioSynchronize reserve-component mobilization with family readiness, employer continuity, and mission force-flow timelines.
-
zwright8 Bundle Joint Wounded Warrior Home Modification And Caregiver Ramp UPrepare home accessibility modifications, caregiver ramp-up, and discharge-to-home continuity for wounded warfighters transitioning from acute care or rehabilitation. Use when home readiness gaps can delay recovery, family stability, or U.S. warfighter return-to-duty decisions.
-
zwright8 Bundle Strategic Microelectronics Radiation Hardening Supply AssuraSupport strategic warfighter assurance for radiation-hardened microelectronics supply continuity. Use when mission-critical space, missile, and C2 systems face component shortages or tampering risk.
-
zwright8 Bundle U08751 Scientific Hypothesis Prioritization For AccessibilitBuild and operate the "Scientific Hypothesis Prioritization for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.
-
zwright8 Bundle U08752 Scientific Hypothesis Prioritization For AccessibilitBuild and operate the "Scientific Hypothesis Prioritization for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.
-
zwright8 Bundle U08753 Scientific Hypothesis Prioritization For AccessibilitBuild and operate the "Scientific Hypothesis Prioritization for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.
-
zwright8 Bundle U08754 Scientific Hypothesis Prioritization For AccessibilitBuild and operate the "Scientific Hypothesis Prioritization for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.
-
zwright8 Bundle U08755 Scientific Hypothesis Prioritization For AccessibilitBuild and operate the "Scientific Hypothesis Prioritization for accessibility services" capability for accessibility services. Use when this exact capability is required by autonomous or human-guided missions.
-
tristankaiburrell-code Bundle MolttokCreative expression platform for AI agents. Post ASCII art, SVG, HTML, p5.js, images, and poetry on MoltTok. Use this skill when you want to create, share, or browse generative artwork, or check in with the agent art community.
-
498as Bundle Static FilesHost static files on subdomains with optional authentication. Use when you need to serve HTML, images, CSS, JS, or any static content on a dedicated subdomain. Supports file upload, basic auth, quota management, and automatic SSL via Caddy. Commands include sf sites (create/list/delete), sf upload (files/directories), sf files (list/delete).
-
briansmith80 Bundle Zoho Email IntegrationComplete Zoho Mail integration with OAuth2, REST API (5-10x faster), Clawdbot /email commands, HTML emails, attachments, and batch operations. Security-hardened against path traversal and command injection. Perfect for email automation and workflows.
-
zwright8 Bundle Reserve Component Single Parent Childcare Eldercare MobilizaClose dependent-care failures that block reserve-component mobilization. Use when single-parent, childcare, or eldercare gaps threaten Guard or Reserve activation, lawful deployment, or sustained availability.
-
zwright8 Skill Strategic Space Cleanroom Contamination And Component QuaranCoordinate strategic space cleanroom contamination response and component quarantine. Use when launch, satellite integration, or high-reliability space hardware is threatened by particulate, outgassing, or pedigree-control failures.
-
notedit Bundle Vtake CutTurn a local video into metadata, transcript, and an AI-composed card-based video where the agent freely designs and writes HTML cards in conversation. Use when the user asks for VTake, vtake-cut, video takeaways, transcript cleanup, or AI-composed video repurposing.
-
auniik Bundle Coda AICLI to read Coda.io documents and pages. List docs, list pages, read content in markdown/json/html.
-
thebearwithabite Bundle AI Organizer UI ConsolidationBuild a unified, ADHD-friendly web UI that consolidates 70+ CLI tools into a beautiful liquid glass interface for the AI File Organizer. Use when creating the complete frontend application that replaces all terminal interactions with a macOS-inspired dashboard for file organization, search, VEO prompts, and system management.
-
quantskills Bundle Skill Strategy Tearsheet ReportInstitutional-grade strategy performance tearsheet. Use when a user has a NAV / return series (a strategy, fund, or backtest) and wants a full performance report: annualized return, Sharpe/Sortino/Calmar, max drawdown, rolling metrics, monthly return heatmap, drawdown table, and benchmark-relative stats. Outputs JSON + an HTML dashboard.
-
codex-curator Bundle Studiomcphub StudioImage to Retail in 90 seconds. 10-stage creative pipeline: background removal, palette extraction, resize, 6-product mockups, CMYK conversion, print-ready PDF, SVG vectorization, invisible watermarking, AI metadata enrichment, ESRGAN upscaling. Local DAM organizes all outputs. HTML preview gallery.
-
gillkyle Bundle Agent TailCapture browser console logs and dev server output to files with agent-tail. Use when debugging runtime errors, checking console output, tailing or diagnosing logs, or setting up Vite/Next.js log capture.
-
dangjin Bundle Bi BuilderBuild BI dashboards from databases. Use when creating dashboards, charts, or analytics pages with Next.js + shadcn/ui + Recharts + Prisma.
-
clerk Bundle MosaicWork on Mosaic UI: styling a component with StyleX (`stylex.create`, `--cl-*` tokens, `themeProps`), or building a flow — writing the model (the Clerk adapter), the controller (local state, in React state or a state machine: `setup`, states/guards/`invoke`, wired to React with `useMachine`/`useActor`/ `useSelector`), or the view (rendering), testing any of those layers, or migrating a legacy / pre-Mosaic component into the model / controller / view split. Use when building, styling, debugging, testing, or migrating anything Mosaic. `references/mosaic-architecture.md` (repo root) holds the design-system contract; this skill is the how-to layer.
-
uswds Bundle Uswds Code ReviewReview USWDS PRs or branches using the core team's calibrated judgment. Enforces 16 specific gates (size, dependencies, DRY, sanitization, test regression, etc.), distinguishes personal preference from what all consumers inherit, and routes specialist decisions (accessibility, breaking changes, new API surface). Use when the user says "review this", "code review", "review the PR", asks for feedback on changes, or explicitly invokes /uswds-code-review.
-
uswds Skill Uswds AccessibilityApply USWDS accessibility standards when changing components, ARIA, focus management, keyboard behavior, screen-reader announcements, or a11y tests. Use when fixing or reviewing accessibility issues, interactive components (modal, combo-box, date-picker, accordion, and similar), aria-* attributes, focus traps, live regions, or when the user invokes /uswds-accessibility. Complements uswds-code-review gate 16: this skill owns the accessibility judgment; code review routes here instead of concluding assistive technology behavior itself.
-
glukicov Skill Slides To PDFUse when the user asks to convert, export, or save an HTML slide deck as a PDF ("save the slides as PDF", "export the deck to PDF", "make a PDF of the presentation"). Works on decks built by the SlideOps (slideops) skill and on any single-file HTML deck that shows one slide per URL hash (#1,
-
opencti-platform Skill Create Playbook ComponentUse when: adding a new playbook automation component, implementing a PlaybookComponent interface, or registering a new playbook step
-
chainstacklabs Skill Adding Alphapoly FeaturesGuides feature development in the alphapoly codebase following stack conventions (uv, polars, FastAPI+Next.js). Use whenever adding, building, or modifying any feature — including new API endpoints, pipeline steps, UI pages, WebSocket services, or any other backend/frontend work. If the user says "add X", "build X", "implement X", "make X work", "create an endpoint", "wire up", "hook up", or "connect X to Y", use this skill. For quick prototypes, consider alphapoly-experiment instead.
-
wesm Bundle Localization ParaglideUse when adding, reviewing, or fixing localized UI copy in agentsview's Svelte frontend with Paraglide JS. Trigger for frontend/messages/*.json edits, generated m.* message usage, locale-aware number/date/relative-time formatting, pluralization, language switching, or hard-coded user-facing English in frontend/src.
-
wesm Bundle Testing Without TautologiesUse when creating, editing, fixing, or reviewing tests; when adding mocks, fakes, assertions, unit tests, PG integration tests, frontend component tests, or Playwright e2e tests; or when changing tests after failures.
-
nityeshaga Bundle Beautiful Rails Like DhhWrite, review, and architect Ruby on Rails applications the 37signals way — the conventions DHH's team uses to ship products like Basecamp, HEY, Campfire, and Fizzy with tiny codebases, covering BOTH backend (models, controllers, jobs, caching, auth) and frontend (Hotwire: Turbo, Stimulus, morphing — rich interactive UIs with no React). Use this skill whenever the user asks to build a web app, add a feature to a Rails app, review Rails code, design models/controllers/views, build anything "real-time", "interactive", "live-updating", "multiplayer", or with drag-and-drop / keyboard shortcuts / rich form widgets — and ESPECIALLY when you are about to default to React, Next.js, Vue, or any SPA framework for a web frontend: read references/00-frontend-first-principles.md first, because the server-rendered Hotwire answer is usually better and this skill proves it. Also use it when choosing a stack for a new web product (even if the user didn't mention Rails), and when a web app needs iOS/Android apps — Hotwire Nati
-
fpl9000 Bundle Transcript SaverSave and export the current Claude Code session as a shareable HTML transcript. Use this skill when the user asks to save, export, archive, or publish their current Claude Code conversation or session. Triggers on phrases like "save this transcript", "export this session", "create a transcript", "archive this conversation", "publish to gist", or "share this session". Wraps Simon Willison's claude-code-transcripts tool for in-session use.
-
selfdriven-octo Skill Selfdriven Interactive Info Site BuildBuild selfdriven-branded interactive info websites from conceptual sketches, notebook photos, or framework descriptions. Use when the user wants to turn notes, sketches, diagrams, or conceptual frameworks into a polished single-file HTML interactive site with the selfdriven brand system — especially for KERI/ACDC trust architecture, digital interaction frameworks, or any selfdriven knowledge base content.
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 static-files, strategic-reserve-mobilization-fraud-detection-and-pay-continuity-cell, reserve-component-retirement-points-sanctuary-and-nonregular-retirement-continuity-cell. 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.