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.
-
gigik2a Bundle Check Competitivo Express 2Mappa competitiva rapida per PMI italiane con Competitiveness Index 0-100, lead magnet gratuito/49 euro. Trigger: "check competitivo", "come sono messo rispetto ai competitor", "analisi competitor rapida", "mappa competitiva", "chi sono i miei rivali", "quanto sono competitivo", "posizione nel mercato", "check strategico", "analisi concorrenza veloce". Input: settore, descrizione attivita, fatturato indicativo, 2-3 nomi competitor, elemento differenziante. Valuta 5 dimensioni (prezzo, qualita/differenziazione, distribuzione/accessibilita, notorieta/brand, innovazione). Output: HTML single-page con scatter chart posizionamento, gauge score, semafori, 2 minacce, 2 opportunita, CTA verso analisi-settore-pmi. Tono diretto, visivo, zero gergo strategico. Invoca strategia-competitiva e benchmark-italia-business. Deliverable: HTML mappa competitiva + JSON strutturato. Per titolari PMI 5-50 dip.
-
gigik2a Bundle Check Strutturale Express 2Genera un pagellino strutturale rapido (punteggio 0-100) per edifici esistenti. Trigger: "check strutturale", "verifica strutturale rapida", "punteggio edificio", "quanto e sicuro il mio edificio", "analisi strutturale express", "score strutturale", "check rapido struttura", "la mia struttura e sicura?", "StructBoost". Input: tipo edificio (residenziale/industriale/torre TLC), anno costruzione, numero piani, zona sismica, ultimo intervento strutturale. Output: pagella HTML visiva con semafori verde/giallo/rosso, score globale, top 5 criticita spiegate in italiano semplice, stima qualitativa del rischio, CTA verso verifica statica completa / relazione di calcolo. Lead magnet StructBoost per committenti, proprietari immobiliari e gestori patrimonio edilizio.
-
gigik2a Bundle Flusso Safetyboost Studio 2Orchestratore SafetyBoost — diagnostica sicurezza completa per cantieri e luoghi di lavoro, con redazione PSC, DVR, piano formazione, stima costi sicurezza e analisi responsabilita legali. Usa SEMPRE questa skill quando l'utente dice "diagnostica sicurezza", "SafetyBoost", "sicurezza cantiere completa", "PSC completo", "DVR completo", "piano sicurezza", "quanto costa la sicurezza", "obblighi sicurezza cantiere", "coordinamento sicurezza", "formazione obbligatoria lavoratori", "responsabilita CSE", "sanzioni sicurezza", oppure quando descrive un cantiere o attivita lavorativa chiedendo supporto completo su sicurezza, dalla valutazione rischi alla redazione documenti fino alle responsabilita legali. Attivala anche per DUVRI, POS, notifica preliminare, sorveglianza sanitaria, DPI. Produce report DOCX, XLSX costi sicurezza, dashboard HTML e output JSON.
-
gigik2a Bundle Flusso Structboost Studio 2Orchestratore StructBoost — diagnostica strutturale completa per edifici esistenti e nuove strutture, con verifica statica, vulnerabilita sismica, piano interventi e analisi costi-benefici. Usa SEMPRE questa skill quando l'utente dice "diagnostica strutturale", "StructBoost", "verifica strutturale completa", "vulnerabilita sismica", "adeguamento sismico", "il mio edificio e sicuro?", "relazione di calcolo completa", "piano interventi strutturali", "quanto costa mettere in sicurezza", "verifica statica edificio", "consolidamento strutturale", oppure quando descrive un edificio esistente chiedendo una valutazione strutturale approfondita con piano di intervento e stima costi. Attivala anche per verifiche NTC 2018, analisi pushover, classificazione sismica, interventi di rinforzo FRP/CAM/incamiciatura. Produce report DOCX 15-20 pagine, XLSX verifiche con formule, dashboard HTML e output JSON strutturato.
-
gigik2a Skill Check Agevolazioni Express 2Pagellino agevolazioni rapido per PMI italiane — stima in EUR quanto stai lasciando sul tavolo. Lead magnet tripwire verticale AGEVOLAZIONI (gratuito o 49 EUR). Score 0-100 con 5 semafori (investimenti agevolabili, de minimis residuo, bandi regionali, bonus assunzioni, tax credit innovazione) e top 3 opportunita perse stimate in EUR. Trigger: "check agevolazioni", "bandi PMI", "contributi a fondo perduto", "agevolazioni disponibili", "finanza agevolata", "quanto posso prendere dallo Stato", "incentivi impresa", "check contributi", "tax credit disponibili", "de minimis residuo", "bandi regionali PMI", "agevolazioni non usate". Input: settore, regione, dipendenti, fatturato, tipo investimento pianificato, agevolazioni gia usate. Output HTML single-page con gauge score, 5 semafori, top 3 opportunita perse in EUR, CTA verso flusso-agevolazioni-pmi. Tono concreto con cifre — "stai lasciando X EUR sul tavolo". Per titolari PMI italiane, primo check prima del percorso agevolazioni completo 499-1299 EUR.
-
gigik2a Bundle Flusso Hostboost Ricettive 2Orchestratore HostBoost — diagnosi revenue management e piano crescita ricavi per strutture ricettive italiane (agriturismi, B&B, piccoli hotel 5-30 camere). Produce report DOCX, cruscotto XLSX con calendario pricing dinamico, dashboard HTML con KPI (RevPAR, ADR, occupancy), JSON strutturato. Usa SEMPRE quando l'utente dice "HostBoost", "revenue management ricettive", "diagnosi agriturismo", "strategia pricing hotel", "aumentare RevPAR", "ottimizzare OTA", "Booking e Airbnb", "agriturismo non riempe", "camere sfitte bassa stagione", "aumentare occupazione", "prezzi dinamici hotel", "disparity rate", "channel manager", "distribuzione online ricettivo", o quando fornisce dati occupazione/fatturato ricettivo. Attiva per piccoli hotel, B&B, case vacanza, agriturismi, affittacamere, glamping, boutique hotel. Target PMI ricettive 5-30 camere senza revenue manager interno. Prezzo 899 EUR una tantum o base per fee 15% su delta RevPAR.
-
gigik2a Skill Verifyboost Tlc Orchestrator 2Skill master di VerifyBoost TLC. Coordina la pipeline 7-step di verifica conformità installato vs progettato per siti TLC italiani (iliad, Cellnex, INWIT, WindTre, towerco). Si attiva quando l'utente dice "verifica conformità sito TLC", "verifica installato vs progetto", "due diligence sito iliad/Cellnex", "VerifyBoost", "controlla che il sito sia coerente con il PE", "il sito {codice} è conforme al progetto", oppure quando un nome sito TLC italiano (formato XX####_###) viene menzionato in contesto verifica. Produce 5 deliverable formali (DOCX 15-25pp, XLSX tracker 5 fogli, PDF verbale, HTML dashboard, JSON master). Output da firmare a cura di tecnico abilitato.
-
ferroxlabs Bundle Devops Engineer 2Becomes a senior DevOps engineer who designs and implements CI/CD pipelines, infrastructure as code, monitoring systems, and deployment strategies. Use when the user needs build pipelines, container orchestration, cloud infrastructure, deployment automation, or observability setup. Do NOT use when writing application business logic, designing frontend interfaces, or conducting security penetration testing.
37 -
ferroxlabs Bundle AI Agent Builder 2AI agent architecture covering agent patterns (ReAct, Plan-and-Execute, LATS), tool design, memory systems (short-term, long-term, episodic), multi-agent coordination, guardrails, LangChain and LangGraph patterns, and error recovery. Use when the user asks about ai agent builder, ai agent builder best practices, or needs guidance on ai agent builder implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.
37 -
ferroxlabs Bundle Backend Architect 2Becomes a senior backend architect who designs scalable, resilient server-side systems with clear API contracts, sound data models, and documented trade-offs. Use when the user needs system design, database architecture, API contract definition, caching strategy, or backend technology selection. Do NOT use when building frontend UI components, writing CSS, or performing code review on existing pull requests.
37 -
fabioc-aloha Skill Md To Eml 3Convert Markdown to RFC 5322 email (.eml) with inline CSS and CID images
-
fabioc-aloha Skill HTML To Md 2Convert HTML documents to clean Markdown via pandoc
-
fabioc-aloha Skill Md To HTML 3Convert Markdown to standalone HTML pages with embedded CSS, images, and Mermaid diagrams
-
fabioc-aloha Skill UI UX Design 2User interface design, user experience optimization, accessibility compliance, design systems
-
fabioc-aloha Skill Dashboard Design 2Dashboard layout patterns, KPI card design, filter architecture, narrative flow through panels, and self-contained HTML generation
-
fabioc-aloha Skill Msal Authentication 2Microsoft Authentication Library (MSAL) patterns for React/SPA applications with Entra ID
-
fabioc-aloha Skill Chart Interpretation 2Read any chart (image, HTML, screenshot) and extract insights, patterns, anomalies, bias, and narrative -- the reverse of visualization
-
javimosch Skill Airbnb Search 2Search Airbnb listings with prices, ratings, and direct links. No user API key required (uses Airbnb's public frontend API key). Use when searching for Airbnb stays, vacation rentals, or accommodation pricing.
-
javimosch Skill Install LLM Council 2LLM Council — multi-model consensus app with one-command setup. Ask one question to many models, let them critique each other, get a synthesized chairman answer. OpenRouter/OpenClaw-native backend + React/Vite frontend. Zero config — credentials resolve automatically.
-
javimosch Skill Cv Builder 2Create a free digital identity, professional resume and CV — from classic PDF and HTML layouts to 3D worlds and playable games. Permanent public URL with own slug. Free API for AI agents — basic use without API key, full features with Access-ID. Use when the user wants to build, create, or generate a resume, CV, or set up an online professional profile. ATS-ready.
-
javimosch Skill Report Generator 2Generates a structured report HTML based on a specific template. Invoke when user wants to create a report, slide, or summary card from raw content.
-
fabioc-aloha Skill React Vite Performance 2React + Vite performance optimization — code splitting, lazy loading, bundle analysis, Web Vitals, and modern React patterns for fast web applications
-
javimosch Skill Nova Act Usability 2AI-orchestrated usability testing using Amazon Nova Act. The agent generates personas, runs tests to collect raw data, interprets responses to determine goal achievement, and generates HTML reports. Tests real user workflows (booking, checkout, posting) with safety guardrails. Use when asked to "test website usability", "run usability test", "generate usability report", "evaluate user experience", "test checkout flow", "test booking process", or "analyze website UX".
-
codyswanngt Bundle Container View Pattern 2This skill enforces the Container/View pattern for React components. It should be used when creating new components, validating existing components, or refactoring components to follow the separation of concerns pattern where Container handles logic and View handles presentation.
-
s3yed Skill Repo Scan 2Cross-stack source code asset audit — classifies every file, detects embedded third-party libraries, and delivers actionable four-level verdicts per module with interactive HTML reports.
-
s3yed Skill Motion PatternsProduction-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
-
s3yed Bundle Frontend Design 3Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
-
s3yed Skill Architecture Diagram 2Dark-themed SVG architecture/cloud/infra diagrams as HTML.
-
s3yed Bundle Popular Web Designs 254 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
-
comeonoliver Bundle Nextjs 2Next.js App Router - Production Patterns
61 -
comeonoliver Bundle Pinia V3 2Pinia v3 - Vue State Management
61 -
comeonoliver Bundle AI Sdk UI 2AI SDK UI - Frontend React Hooks
61 -
comeonoliver Bundle Shadcn Vue 2shadcn-vue Production Stack
61 -
comeonoliver Bundle Pinia Colada 2Pinia Colada - Smart Data Fetching for Vue
61 -
comeonoliver Bundle Base UI React 2Base UI React
61 -
comeonoliver Bundle Audit 2Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
61
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 check-competitivo-express, check-strutturale-express, flusso-safetyboost-studio. 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.