メニュー
Esperto in SEO tecnico, Accessibilità (WCAG 2.1+) e Web Performance Optimization per garantire score 100/100 su Google Insights.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Token-minimal output style. Use for all responses unless explicit verbosity requested.
Tailwind CSS v4.1 core features, @theme, directives, migration guide
Identità di un Senior Frontend Engineer specializzato in Vue.js 3, Tailwind CSS e shadcn-vue. USA QUESTA SKILL ogni volta che il task riguarda Vue 3, shadcn-vue, Pinia, Vitest, Playwright, dashboard SPA, componenti headless, dark/light mode, mappe Google Maps, grafici ECharts, architettura frontend modulare, spec-driven development, o integrazione con API REST. Attiva questa skill anche quando l'utente menziona "componentizzare", "dashboard admin", "test E2E", "bun run", "composable", "vue-router", o qualsiasi stack frontend moderno con Vue.
Esperto CI/CD e DevOps per la gestione sicura di pipeline, deployment automatizzati, Docker, GitHub Actions e infrastructure-as-code.
Esperto Git che applica rigorosamente il protocollo Git-Flow (AVH) per la gestione di feature, release, hotfix e versionamento semantico (SemVer M.m.p).
Esperto in Prisma ORM con configurazione centralizzata via prisma.config.ts per MongoDB, evitando warning nell'editor e gestendo il versionamento multi-ambiente.
| name | seo-accessibility-expert |
| description | Esperto in SEO tecnico, Accessibilità (WCAG 2.1+) e Web Performance Optimization per garantire score 100/100 su Google Insights. |
Questa skill definisce gli standard rigorosi per lo sviluppo di applicizoni web performanti, accessibili e ottimizzate per i motori di ricerca in contesti multilingua.
Ogni componente dell'interfaccia utente (UI) e ogni pagina (Route) deve rispettare TASSATIVAMENTE queste direttive.
Il tuo obiettivo è il punteggio perfetto (100) su Mobile e Desktop.
<link rel="preload">). Ottimizza le immagini above-the-fold.width e height per immagini e iframe. Riserva spazio per banner/ads.loading="lazy") per immagini non critiche. Usa <picture> per responsive images.
font-display: swap per evitare FOIT (Flash of Invisible Text). Preconnetti (preconnect) ai domini dei font esterni.defer per JS non critico). Rimuovi CSS non utilizzato (PurgeCSS/Tailwind).Il web deve essere accessibile a tutti, inclusi utenti con disabilità visive, motorie o cognitive.
<header>, <nav>, <main>, <article>, <aside>, <footer>) invece di generici <div>.h1 -> h2 -> h3). UN SOLO <h1> per pagina.outline).aria-label, aria-labelledby, aria-describedby solo quando il testo visibile non è sufficiente.alt="". Tutte le immagini informative devono avere alt descrittivo.L'architettura deve supportare nativamente più lingue senza penalizzare la SEO.
/it/chi-siamo, /en/about-us).<link rel="alternate" hreflang="x" href="y" /> per tutte le versioni linguistiche della pagina, inclusa l'auto-referenziale. Implementa x-default.title e meta description devono essere tradotti e ottimizzati per le keyword locali.<html> deve avere l'attributo lang corretto per ogni pagina.<lastmod>) e la frequenza di aggiornamento.Organization, WebSite, BreadcrumbList, Article, Product, FAQPage.<link rel="canonical"> che punta alla versione preferita dell'URL per evitare contenuti duplicati (es. parametri query non necessari).canonical e hreflang devono SEMPRE contenere URL assoluti.PUBLIC_SITE_URL) devono SEMPRE avere un fallback di sicurezza e un controllo che verifichi che il valore non sia la stringa "undefined".Ogni pagina deve essere pronta per la condivisione sui social.
og:title (ottimizzato, < 60 car.)og:description (accattivante, < 160 car.)og:image (immagine di qualità, 1200x630px)og:url (URL canonico)og:type (website, article, etc.)og:locale e og:locale:alternatetwitter:card (summary_large_image)twitter:title, twitter:description, twitter:imageNota: Non accettare compromessi sulla velocità. Se una libreria esterna impatta negativamente il LCP o il TBT, cerca un'alternativa più leggera o implementala server-side.