Contentful
CMSCommonly used with
Skills using Contentful (44)
setup-cms
Connect a CMS to notfair SEO tools. Guides users through configuring WordPress, Strapi, Contentful, or Ghost — tests the connection, and writes credentials to .env.local. Once set up, seo-analysis automatically cross- references CMS content against Google Search Console data. Use whenever the user says "connect my CMS", "set up WordPress", "configure Strapi", "add Contentful", "connect Ghost", or "CMS setup". Also trigger if the user asks why no CMS data appears in a seo-analysis report.
setup-cms
Connect a CMS to notfair SEO tools. Guides users through configuring WordPress, Strapi, Contentful, or Ghost — tests the connection, and writes credentials to .env.local. Once set up, seo-analysis automatically cross- references CMS content against Google Search Console data. Use whenever the user says "connect my CMS", "set up WordPress", "configure Strapi", "add Contentful", "connect Ghost", or "CMS setup". Also trigger if the user asks why no CMS data appears in a seo-analysis report.
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
dt-obs-frontends
Real User Monitoring (RUM) on Dynatrace — web and mobile frontends. Core Web Vitals, user sessions, page performance, mobile crashes, frontend errors, and frontend-backend linking. Query via `user.events`, `user.sessions`, and `dt.frontend.*` metrics. Does NOT cover synthetic monitoring (HTTP/browser/network checks) — that's a separate domain.
performance-and-web-vitals
Audit UI performance with Lighthouse and fix Core Web Vitals — LCP, CLS, INP. Fast UI is good UX. Use when optimising page load, fixing layout shift, reducing input delay, improving Lighthouse scores, or reviewing images, fonts, and render-blocking resources.
modern-web-guidance
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.
performance-checklist
Checklist for passive web performance assessment. Covers Core Web Vitals, images, fonts, JavaScript, CSS, caching, compression, and resource hints.
core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
web-quality-audit
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
performance
Performance optimization strategies and techniques
frontend-engineer-role
Operate as a frontend engineer who defends UX quality, enforces performance budgets, and partners with design instead of just closing tickets. Use when building or reviewing a user-facing web feature and you want an engineer's operating discipline, not raw code.
perf
Performance optimization skill. Core Web Vitals via Lighthouse, bundle size analysis, metrics tracking over time. Use when: (1) optimizing frontend performance, (2) analyzing bundle size, (3) tracking metrics regression. Triggers: /perf, 'performance audit', 'core web vitals', 'bundle size'.
zero-bloat-web-stack-skill
Arsitektur web zero-bloat ultra-ringan: FastAPI/Flask + SQLite WAL + HTMX + Alpine.js + Tailwind CSS + Lucide SVG (tanpa node_modules di runtime, RAM <40MB, cold-start <100ms).
optimize
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
benchmark
Use this skill to measure performance baselines, detect regressions before/after PRs, and compare stack alternatives.
core-web-vitals
When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS," "FID," "page speed," "page performance," "Largest Contentful Paint," "Interaction to Next Paint," "Cumulative Layout Shift," or "Page Experience." For GSC CWV, use google-search-console.
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
performance-testing
Use for load/stress/soak/spike testing, Core Web Vitals audits, Lighthouse checks, API latency benchmarking, and diagnosing slow pages or endpoints. Covers both frontend perf and backend load testing.
cloudflare-web-perf
Audit Core Web Vitals and render-blocking resources. Official Cloudflare skill for identifying and fixing LCP, INP, CLS, TTFB issues with Cloudflare-specific optimization strategies.
web-performance-checklist
Web performance checklist — Core Web Vitals (LCP/INP/CLS), TTFB diagnosis, and frontend levers (JS/CSS/fonts/images/network/rendering) plus backend (DB N+1, API latency, caching, infra). Use when optimizing performance, diagnosing a slow page or unresponsive interaction, setting a performance budget, or reviewing a perf-sensitive change.
astro-performance
This skill should be used when optimizing Astro performance, improving Core Web Vitals in Astro, fixing LCP/CLS/INP issues, auditing client directives, reducing JavaScript bundle size, configuring Astro prefetching, using server:defer for performance, optimizing Astro images, configuring Astro fonts, CSS optimization in Astro, HTML streaming, Astro build optimization, Astro CDN configuration, Route Caching API, Lighthouse audit for Astro, hydration performance, client:visible vs client:load, or Astro asset pipeline.
perf-audit
Lighthouse CLI 래핑 — URL 성능 측정. Performance score + 5 Web Vitals (FCP/LCP/CLS/TBT/Speed Index) 추출, pass/warn/fail 판정, events.jsonl 이력 저장. on-demand only (~30s).
website-qa
The pre-launch QA gate for a new site: run the basic tests (a11y light+dark + seo + navigation + anchors + orphans + images + tone + positioning + email + links), fix to green, then handle technical SEO / performance — ask the user to run a Lighthouse / PageSpeed Insights test and act on First Contentful Paint (FCP) and Largest Contentful Paint (LCP). Use before launch (steps 7–8 of the new-website pipeline) and after any code/copy change. Delegates Core Web Vitals / crawl depth to seo-audit. Trigger phrases: "run the tests", "QA the site", "is the site launch ready", "a11y check", "accessibility test", "Lighthouse", "PageSpeed", "FCP", "LCP", "page speed", "Core Web Vitals", "performance check", "are the tests green".
core-web-vitals
Diagnose and fix Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift on a real site. Use whenever the user mentions Core Web Vitals, LCP, INP, CLS, TTFB, PageSpeed Insights, Lighthouse, page speed, site performance, slow pages, layout shift, unresponsive interactions, CrUX, or a Search Console Core Web Vitals report. Also use when someone asks whether site speed affects rankings or wants a performance score improved.
google-pagespeed
Definitive expert skill for Google PageSpeed Insights & Core Web Vitals optimization. Covers LCP, INP, CLS, FCP, TTFB, TBT, Speed Index diagnostics; Lighthouse 13.x scoring; Field Data (CrUX) vs Lab Data; Mobile-First Indexing; image/font/JS/CSS optimization; bfcache, Speculation Rules, LoAF, View Transitions, HTTP/3, 103 Early Hints; WCAG 2.2 Accessibility; CSP/COOP/COEP security headers; Technical SEO; Agentic Web (llms.txt); framework-specific rules (Astro, Next.js, WordPress, Vite, React); and a master troubleshooting decision matrix.
impeccable-optimize
Find and fix the actual performance bottleneck in an interface, then measure the result. Use when an interface is measurably slow, or when performance is a stated requirement. Covers Core Web Vitals (LCP, INP, CLS), load time, bundle size, render cost, and the discipline of not optimizing what is not slow.
core-web-vitals
Diagnose and protect LCP, INP and CLS — what each measures, what actually causes regressions, and how to verify. Load when a change affects a route's loading, interactivity, or layout.
agency-performance-benchmarker
Expert performance testing and optimization specialist focused on measuring, analyzing, and improving system performance across all applications and infrastructure
optimize
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
core-web-vitals-for-ui
Build UI that passes Core Web Vitals — responsive interactions (INP), stable layout (CLS), and fast largest paint (LCP) as first-class implementation constraints, not an afterthought. Use when an interaction feels laggy, when content jumps as it loads, when reserving space for async data, or when a component must hit the field thresholds. Triggers on "Core Web Vitals", "INP", "CLS", "LCP", "layout shift", "janky/laggy interaction", "main thread".
core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
technical-seo
Audits and optimizes technical SEO covering site structure, crawlability, Core Web Vitals, schema markup, and indexation with scoring checklists. Use when user asks about technical SEO audit, site speed, Core Web Vitals, schema markup, crawlability, robots.txt, sitemap, page speed, 테크니컬 SEO, 사이트 속도, or 크롤링.
modern-web-design
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
eirene
Performance check only — Core Web Vitals, load time, image optimisation, caching. Returns a performance audit with Pass / Fail per metric. Use when you need a performance audit without the full Themis QA suite.
optimize
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
seo-technical-audit
Run a technical SEO audit of a website and return a prioritized fix list — crawlability, indexation, site architecture, Core Web Vitals / page speed, mobile, and structured data. Use when the user wants a site audited, rankings are stalling for non-content reasons, a migration or redesign needs checking, or Core Web Vitals are failing. Produces a scored audit with issues ranked by impact × effort. Triggers on: "technical SEO", "site audit", "Core Web Vitals", "page speed", "crawl issues", "indexing problem", "why isn't my site ranking", "SEO health check".
web-performance-audit
Diagnose and fix real web performance problems measured against Core Web Vitals, not vibes. Use when a page feels slow, a Lighthouse/CWV score regressed, or before shipping a heavy feature. Walks load-time (LCP/bundle/images), interactivity (INP/main-thread), and layout-stability (CLS) with the specific fix for each, and forbids premature micro-optimization.
sanity-migration
Plans, implements, and reviews migrations from other CMSes and content systems into Sanity. Use when migrating or replatforming to Sanity from AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, Markdown/MDX/frontmatter files, WXR/XML exports, CMS APIs, database dumps, static HTML, or when designing extraction, transformation, Portable Text conversion, asset migration, redirects, validation, and cutover workflows.
core-web-vitals
Core Web Vitals計測・診断スキル。Lighthouse CLI、Bundle Analyzer、パフォーマンス問題の特定と対策。
modern-web-guidance
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.
Integration detected automatically from skill content. Some results may be false positives.