PIXARTSeu
- 221 skills
- 0 followers
- 1 day ago last updated
- ▌ Docker · pixartseu bundleDocker MCP - gestione container Coolify, debug log, ispezione deployment, monitor risorse. Use when inspecting containers, debugging deployments, reading logs, or monitoring resource usage via Docker MCP.
- ▌ Ffmpeg · pixartseu bundleFFmpeg integration for server-side video processing - transcoding, filters, thumbnails. Use when processing video server-side, generating thumbnails, transcoding formats, or applying video filters.
- ▌ Nextjs · pixartseu bundleNext.js 15+ knowledge base - App Router, Server Components, API Routes, best practices. Use when building Next.js apps, setting up App Router, implementing Server Actions, or optimizing performance.
- ▌ Revops · pixartseu bundleWhen the user wants help with revenue operations, lead lifecycle management, or marketing-to-sales handoff processes. Also use when the user mentions 'RevOps,' 'revenue operations,' 'lead scoring,' 'lead routing,' 'MQL,' 'SQL,' 'pipeline stages,' 'deal desk,' 'CRM automation,' 'marketing-to-sales handoff,' or 'data hygiene.' For cold outreach emails, see cold-email. For email drip campaigns, see email-sequence. For pricing decisions, see pricing-strategy.
- ▌ Shadcn · pixartseu bundleshadcn/ui knowledge base - installation, components, theming, MCP server integration. Use when building UI components, searching component registry, implementing accessible patterns, or customizing component styles.
- ▌ Stitch · pixartseu bundleGoogle Stitch MCP - generazione e modifica UI design da prompt, output React/TypeScript/HTML/CSS, estrazione design tokens. Use when generating UI from text prompts via Stitch, converting Stitch HTML/CSS to Tailwind/shadcn, or using Stitch as a Figma alternative.
- ▌ Coolify · pixartseu bundleCoolify deployment knowledge base - Docker multi-stage builds, CI/CD, SSL, health checks. Use when deploying to Coolify, setting up Docker containers, configuring CI/CD pipelines, or managing SSL certificates.
- ▌ Mongodb · pixartseu bundleMongoDB MCP - query dirette a Payload CMS collections, debug dati, analisi tenant, aggregazioni. Use when querying MongoDB directly, debugging Payload CMS data, running aggregations, or analyzing tenant collections.
- ▌ Payload · pixartseu bundlePayload CMS 3.0 knowledge base - collections, multi-tenancy, frontend integration. Use when setting up Payload CMS, configuring collections, implementing multi-tenancy, or integrating CMS with Next.js frontend.
- ▌ SEO Geo · pixartseu bundleGenerative Engine Optimization (GEO) — audit and implementation for AI search surfaces: Google AI Overviews and AI Mode, ChatGPT search, Perplexity, Bing Copilot. Covers AI-crawler accessibility, question-based citability scoring, passage extraction, server-side rendering checks for AI bots, llms.txt (with the primary-source caveat on real support), agent-friendly page checks, and a 0-100 scoring rubric. Use when user says "AI Overviews", "AI Mode", "SGE", "GEO", "AI search", "LLM optimization", "Perplexity", "AI citations", "ChatGPT search", "agent-friendly", or "AI visibility". Triggers on: GEO, AEO, AI Overviews, AI Mode, generative engine optimization, llms.txt, AI crawler, citability, Perplexity, ChatGPT search.
- ▌ SEO Sxo · pixartseuSearch Experience Optimization — the SEO×UX×CRO overlap. Reads the SERP backwards to detect page-type mismatch, derives user stories from intent signals, scores a page from multiple persona perspectives, and fixes engagement/page-experience problems (dwell, pogo-sticking, CWV) that block ranking even on technically perfect pages. Includes a 0-100 SXO gap rubric with falsifiability checks and Next.js patterns. Use when the user says "SXO", "search experience", "page type mismatch", "intent mismatch", "why isn't my page ranking", "pogo-sticking", "dwell time", "engagement signals", "conversion-aware content", "persona scoring", or "SERP analysis". Triggers on: SXO, search experience optimization, page-type mismatch, intent mismatch, pogo-sticking, dwell time, engagement signals, persona scoring, SERP backwards analysis, conversion-aware SEO, page experience.
- ▌ Sitemap · pixartseu bundleSitemap knowledge base - XML sitemap generation, XSL styling, hreflang, sitemap index for Next.js. Use when creating or improving XML sitemaps, adding hreflang sitemap entries, or implementing sitemap index files.
- ▌ Testing · pixartseu bundleTesting knowledge base - Vitest, Playwright, Testing Library, accessibility testing. Use when setting up a test suite, writing unit/E2E tests, implementing visual regression tests, or testing accessibility.
- ▌ Verification Before Completion · pixartseu bundleUse when about to claim work is complete, fixed, or passing, before committing or creating PRs. Triggers on: "done", "fixed", "ready to commit", "tests pass", "build succeeds", any success claim. Requires running verification commands and confirming output before making any success claims. Evidence before assertions always.
- ▌ Database · pixartseu bundleDatabase and ORM knowledge base - Prisma, Drizzle, migrations, seeding, connection pooling. Use when setting up a database, configuring an ORM, writing migrations, or managing data connections.
- ▌ Paid Ads · pixartseu bundleWhen the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions 'PPC,' 'paid media,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' or 'audience targeting.' This skill covers campaign strategy, audience targeting, and optimization. For bulk ad creative generation and iteration, see ad-creative.
- ▌ Payments · pixartseu bundlePayments integration knowledge base - Stripe, LemonSqueezy, subscriptions, webhooks, checkout. Use when implementing payment processing, setting up subscriptions, handling webhooks, or integrating Stripe/LemonSqueezy.
- ▌ Realtime · pixartseuReal-time features in Next.js — Server-Sent Events, WebSockets with Socket.io, Pusher/Ably, Supabase Realtime, live notifications, chat, presence, collaborative editing. Use when building live updates, chat, notifications, presence tracking, or collaborative features.
- ▌ Remotion · pixartseu bundleRemotion knowledge base - programmatic video creation with React, rendering, compositions, animations. Use when creating programmatic videos, building Remotion compositions, rendering video with React, or creating social video clips.
- ▌ SEO Page · pixartseu bundleDeep single-page SEO analysis covering on-page elements, content quality, technical meta tags, schema, images, and performance. Use when user says "analyze this page", "check page SEO", or provides a single URL for review.
- ▌ SEO Plan · pixartseu bundleAudit-driven SEO planning that turns audit findings into a sequenced, owned roadmap with effort/impact scoring, leading indicators, and falsifiable success criteria. Industry-specific architecture templates, competitive analysis, and content strategy for Next.js sites. Use when user says "SEO plan", "SEO strategy", "SEO roadmap", "content strategy", "keyword strategy", "content calendar", "site architecture", or "turn this audit into a plan". Triggers on: SEO plan, SEO roadmap, SEO strategy, audit to roadmap, prioritize SEO fixes, content calendar, site architecture, effort impact SEO.
- ▌ Tailwind · pixartseu bundleTailwind CSS 4 knowledge base - utility classes, configuration, best practices. Use when styling components, configuring design tokens, implementing responsive layouts, or managing dark mode.
- ▌ Analytics · pixartseu bundlePrivacy-first analytics knowledge base - Plausible, PostHog, Umami, Vercel Analytics, cookie consent. Use when setting up analytics, tracking events, measuring conversions, or integrating analytics tools.
- ▌ SEO Audit · pixartseu bundleFull-site SEO audit orchestrator. Crawls the site, detects business type, fans out to the seo-* specialist skills, then aggregates an evidence-backed 0-100 health score and a prioritized action plan (Critical → Low). Use when user says "audit", "full SEO check", "analyze my site", "website health check", or "SEO report". Triggers on: seo audit, full seo check, site health score, action plan, crawl my site, technical+content+schema audit.
- ▌
- ▌ Sveltekit · pixartseu bundleSvelteKit knowledge base - routing, load functions, Svelte 5 runes, best practices. Use when working on a SvelteKit project, implementing Svelte 5 runes, or building SSR/SSG with SvelteKit.
- ▌ Ab Testing · pixartseu bundleWhen the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," or "hypothesis." Includes full Next.js TypeScript implementation and statistical analysis. For tracking implementation, see analytics-tracking.
- ▌ Animations · pixartseu bundleAnimation knowledge base - Framer Motion, CSS animations, scroll effects, best practices. Use when adding animations, transitions, motion effects, or scroll-triggered effects to UI components.
- ▌ Cold Email · pixartseu bundleWrite B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Covers subject lines, opening lines, body copy, CTAs, personalization, and multi-touch follow-up sequences.
- ▌ SEO Images · pixartseu bundleImage SEO and performance for Next.js. Covers alt text, descriptive filenames, next/image responsive output, AVIF/WebP, lazy loading and LCP priority, CLS prevention, IPTC/XMP metadata, AI-generated image labeling (DigitalSourceType TrainedAlgorithmicMedia), OG/social images, and image sitemaps. Use when working on image optimization, alt text, image audit, or image SEO. Triggers on: image SEO, alt text, next/image, image optimization, image audit, WebP, AVIF, image metadata, OG image, image sitemap.
- ▌ SEO Schema · pixartseu bundleDetect, validate, and generate Schema.org structured data (JSON-LD) for rich-result eligibility, with Next.js 15 App Router injection patterns. Use when adding, auditing, or fixing structured data. Triggers on: schema, structured data, rich results, JSON-LD, markup, schema.org, rich snippets, Organization schema, Product schema, BreadcrumbList, deprecated schema.
- ▌ Skill Eval · pixartseu bundleRuns and analyzes eval test cases for Claude skills. Use when asked to "test a skill", "check if this skill works", "run evals", "verify skill quality", or after creating/modifying a skill.
- ▌ Webgpu Tsl · pixartseu bundleWebGPU + Three.js TSL (Three Shading Language) knowledge base — WebGPURenderer, node-based materials, MeshBasicNodeMaterial / MeshStandardNodeMaterial, compute shaders via Fn(), node operators (mix, fract, sin, attribute/uniform helpers), WGSL bridges, feature detection and WebGL2 fallback. Use when targeting modern GPUs with compute, replacing GLSL ShaderMaterial with TSL nodes, writing first WebGPU shader, or porting effects to Three.js's WebGPU pipeline.
- ▌ Ad Creative · pixartseu bundleWhen the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also use when the user mentions 'ad copy variations,' 'ad creative,' 'generate headlines,' 'RSA headlines,' 'bulk ad copy,' 'ad iterations,' 'creative testing,' or 'ad performance optimization.' This skill covers generating ad creative at scale, iterating based on performance data, and enforcing platform character limits. For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.
- ▌ Copywriting · pixartseu bundleWhen the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," or "CTA copy." For B2B tech copy, applies specialized vocabulary and frameworks for technical audiences. For email copy, see email-sequence. For popup copy, see popup-cro.
- ▌ Performance · pixartseuPerformance optimization for Next.js — bundle analysis, Core Web Vitals (LCP/CLS/INP), SSR streaming, code splitting, memory leaks, caching strategies, Lighthouse CI. Use when optimizing page speed, debugging slow renders, reducing bundle size, or setting up performance budgets.
- ▌ R3f Physics · pixartseu bundle3D physics in React Three Fiber with @react-three/rapier — RigidBody, colliders (cuboid, ball, hull, trimesh), joints (revolute, fixed, spherical), kinematic vs dynamic vs fixed, raycast/character controller, drag with springs, gestures, debug visualizer. Use when adding rigid body physics, gravity, collisions, ragdolls, or interactive draggable 3D objects to an R3F scene.
- ▌ SEO Content · pixartseu bundleContent quality, E-E-A-T analysis, search-intent mapping, content-brief generation, and AI-citation readiness for Next.js sites. Use when the user says "content quality", "E-E-A-T", "content analysis", "content audit", "readability check", "thin content", "content brief", "content outline", "search intent", or "helpful content". Triggers on: E-E-A-T, content audit, content brief, search intent, citability, helpful content, thin content, AI citation, GEO content.
- ▌ Copy Editing · pixartseu bundleWhen the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' or 'copy sweep.' This skill provides a systematic approach to editing marketing copy through multiple focused passes.
- ▌ Cro Patterns · pixartseu bundleWhen the user wants to optimize, improve, or increase conversions on any marketing page — including homepage, landing pages, pricing pages, feature pages. Also use when the user says "CRO," "conversion rate optimization," "this page isn't converting," "improve conversions." Includes both strategic framework and Next.js/shadcn UI implementation patterns. For signup flows, see signup-flow-cro. For forms, see form-cro. For popups, see popup-cro.
- ▌ Glsl Shaders · pixartseu bundleGLSL shader knowledge base — vertex/fragment programs, uniforms, varyings, attributes, noise functions, ShaderMaterial in Three.js, shaderMaterial helper in R3F/drei, raymarching primer, full-screen post-effects. Use when writing custom shaders, debugging shader compile errors, animating vertices/fragments, creating procedural materials, or porting Shadertoy code to Three.js.
- ▌ Mobile First · pixartseu bundleMobile-first design knowledge base - thumb zone, touch targets, responsive patterns, Core Web Vitals. Use when optimizing for mobile, improving touch UX, implementing responsive layouts, or auditing mobile performance.
- ▌ SEO For Devs · pixartseu bundleTechnical SEO for developers knowledge base - Next.js metadata, robots.txt, sitemap, structured data, Core Web Vitals. Use when implementing technical SEO in Next.js, configuring metadata, optimizing performance for search engines.
- ▌ SEO Hreflang · pixartseu bundleHreflang and international SEO audit, validation, and generation for Next.js + next-intl. Detects return-tag/self-ref/x-default errors, validates language and region codes, scores content parity, and emits correct hreflang via metadata, sitemap, or HTTP headers. Use when working on hreflang, i18n SEO, international SEO, multi-language, multi-region sites, or alternate language tags. Triggers on: hreflang, i18n SEO, international SEO, multi-language, multi-region, language tags, x-default, alternate locale, next-intl SEO.
- ▌ Shopify Apps · pixartseu bundleSviluppo di app Shopify embedded nell'admin — Polaris, App Bridge, Admin GraphQL API, session token, webhook, billing, extension. ATTIVARE SEMPRE quando l'utente menziona "app Shopify", "app embedded", "Polaris", "App Bridge", "shopify app init", "shopify app dev", "shopify app deploy", "shopify.app.toml", "access scope", "OAuth Shopify", "session token", "Admin API", "admin GraphQL", "authenticate.admin", "app extension", "admin action", "admin block", "webhook Shopify", "billing API", "Built for Shopify", "App Store Shopify", "custom app", "app proxy", "s-page", "s-section", "polaris web components". Attivare anche senza queste parole quando la richiesta descrive uno strumento per il merchant dentro il pannello Shopify - "una schermata nell'admin per gestire X", "un pannello dove il cliente configura Y", "sincronizzare ordini Shopify col gestionale", "automatizzare qualcosa lato backoffice". NON è la skill per la vetrina - quella è shopify-storefront o shopify-themes.
- ▌ Shopify Core · pixartseu bundleHub per lo sviluppo su Shopify — sceglie la superficie giusta (tema Liquid, storefront headless, app embedded, Functions) e copre il livello condiviso a tutte - versioni API trimestrali, CLI, dev store, autenticazione, metafield e metaobject, webhook, rate limit, compliance UE. ATTIVARE SEMPRE quando l'utente parla di Shopify senza specificare la superficie ("progetto Shopify", "e-commerce Shopify", "cliente su Shopify", "quanto costa fare X su Shopify", "meglio tema o headless", "sviluppo Shopify"), quando la domanda riguarda API version, access scope, OAuth, Admin API, Storefront API, Customer Account API, metafield, metaobject, webhook, GDPR webhook, rate limit, Shopify CLI, dev store, Partner o Dev Dashboard, Shopify Plus, o quando serve decidere l'architettura prima di scrivere codice. Se la richiesta riguarda chiaramente una sola superficie, questa skill indirizza alla skill specifica invece di rispondere da sola.
- ▌ Skill Syncer · pixartseuAuto-miglioramento delle skills tramite analisi delle memorie accumulate. Usare quando vuoi che le skills si aggiornino automaticamente con i pattern appresi nelle sessioni recenti.
- ▌ Agent Browser · pixartseu bundleUse when navigating websites, scraping web content, analyzing competitor sites, automating browser interactions with persistent login sessions, filling forms on real sites, or any task requiring a visible browser with cookie persistence. Triggers on: "scrape this site", "analyze competitor", "navigate to", "fill this form", "clone this UI", "browser automation", "agent-browser", "web scraping", "multi-site analysis", "debug with browser".
- ▌ Claude Design · pixartseuCome usare Claude Design (Anthropic Labs) per generare prototipi, mockup, pitch deck e UI. Usare quando si deve presentare un design al cliente prima di codificarlo, o pianificare una feature visivamente.
- ▌ File Handling · pixartseuFile handling patterns — S3/R2/Vercel Blob storage, PDF generation, CSV/Excel import-export, file streaming, presigned URLs, multipart upload. Use when implementing file uploads to cloud storage, generating documents, processing large files, or building download endpoints.
- ▌ Motion System · pixartseu bundleStructured motion design system - 4 layers from CSS/Tailwind to Framer Motion to Canvas, accessibility-aware. Use when implementing complex animations, building motion design systems, or choosing the right animation layer for a feature.
- ▌ Odoo Crm Lead · pixartseu bundleIntegrazione Odoo CRM Lead via API - form frontend, webhook, protocollo invio dati. Use when building forms that submit to Odoo CRM, creating lead capture integrations, or implementing Odoo webhook connections.
- ▌ Quality Gates · pixartseuQuality gates, automated checks, and enforcement rules for fullstack projects. Scripts for secrets scanning, env validation, pre-deploy checks, dependency audit, conventional commits. Use when setting up a new project, before deploying, or when checking code quality.
- ▌ Schema Markup · pixartseu bundleWhen the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," or "breadcrumb schema." For broader SEO issues, see seo-audit.
- ▌ Sentry Nextjs · pixartseu bundleSentry for Next.js 15 — SDK installation (client/server/edge configs), source maps upload, performance tracing, session replay, error boundary integration, instrumenting Server Actions and Route Handlers, alert rules, environments (dev/staging/prod), release tracking, user feedback widget. Use when adding error monitoring to a Next.js app, debugging production crashes, setting up performance tracing, configuring source maps, or building observability into Server Actions.
- ▌ SEO Backlinks · pixartseuOff-page/backlink audit: link-profile analysis, referring-domain quality, anchor-text distribution, toxic-link detection, disavow guidance, expired-domain heritage risk, parasite-SEO exposure, and digital-PR link earning. Use when auditing or building backlinks, assessing a link profile, judging link toxicity, or planning link acquisition. Triggers on: backlinks, link profile, referring domains, anchor text, toxic links, disavow, link gap, link building, digital PR, expired domain, parasite SEO, off-page SEO.
- ▌ SEO Ecommerce · pixartseuE-commerce SEO for product and category pages — Product/Offer/AggregateRating JSON-LD, faceted navigation & crawl control, variant/canonical handling, out-of-stock and pagination, category page optimization, and merchant feed basics. Includes Next.js 15 App Router + Payload code and a 0-100 audit rubric. Use when working on ecommerce SEO, product SEO, shop/store pages, product schema, category pages, faceted filters, merchant feed, or shopping visibility. Triggers on: ecommerce SEO, product SEO, product schema, Product JSON-LD, Offer, AggregateRating, faceted navigation, canonical variants, out of stock SEO, pagination SEO, category page SEO, merchant feed, shopping.
- ▌ SEO Rank Data · pixartseuOPTIONAL reference for wiring third-party rank-tracking, keyword, backlink, SERP, and AI-visibility DATA APIs into an SEO workflow via an MCP server. Vendor-agnostic: explains what each data class provides, when to reach for live data vs. first-party signals, how to wire an MCP server, and how to keep API spend under control. Not required by any other seo-* skill. Use when user says they have (or want) a rank-tracking / keyword / backlink data API, or asks how to get live SERP positions, search volume, keyword difficulty, referring-domain counts, or AI share-of-voice. Triggers on: rank tracking, keyword data API, search volume, keyword difficulty, backlink API, referring domains, live SERP, SERP API, AI visibility, share of voice, LLM mentions, rank data MCP, DataForSEO, Ahrefs, SE Ranking, Semrush, Moz.
- ▌ SEO Technical · pixartseu bundleTechnical SEO audit + implementation across 9 categories: crawlability, indexability, security headers, URL structure, mobile, Core Web Vitals (LCP/INP/CLS), structured data, JavaScript rendering (CSR vs SSR), and IndexNow. Includes Next.js robots.ts/headers/metadata patterns and a 0-100 scoring rubric. Use when working on technical SEO, crawl/index issues, or CWV. Triggers on: technical SEO, crawlability, indexability, robots.txt, robots.ts, sitemap, canonical, security headers, HSTS, CSP, Core Web Vitals, LCP, INP, CLS, JS rendering, SSR, IndexNow, AI crawlers, GPTBot, ClaudeBot.
- ▌ Skill Creator · pixartseu bundleInteractive guide for creating new Skills 2.0-compliant skills. Use when user asks to "create a new skill", "build a skill for X", "add a skill to the workflow", or "teach Claude how to do Y consistently". Walks through use case definition, frontmatter generation, instruction writing, evals creation, and validation against Skills 2.0 standard.
- ▌ Tts Voiceover · pixartseuAI audio generation — Google TTS voiceover e Lyria 3 music. Usare quando si devono generare voiceover o musica di sottofondo per video. Trigger: "voiceover", "musica AI", "tts", "lyria", "audio per video", "narrazione AI".
- ▌ Webxr Spatial · pixartseu bundleWebXR knowledge base — immersive VR/AR sessions on Quest, Vision Pro, Android (ARCore), iOS (via WebXR Viewer), spatial UI patterns, hand tracking, anchors, hit testing, controllers, `@react-three/xr`, Three.js WebXRManager. Use when targeting Quest/Vision Pro/Android AR with a web app, building spatial UIs, integrating hand input, debugging session start/stop, or porting an R3F scene to immersive mode.
- ▌ Email Sequence · pixartseu bundleWhen the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," or "lifecycle emails." Includes React Email implementation and full B2B nurture templates. For in-app onboarding, see onboarding-cro.
- ▌ Onboarding Cro · pixartseu bundleWhen the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.
- ▌
- ▌ Shopify Themes · pixartseu bundleSviluppo di temi Shopify in Liquid — architettura Online Store 2.0, sezioni, blocchi, template JSON, theme editor, performance e accessibilità. ATTIVARE SEMPRE quando l'utente menziona "tema Shopify", "Liquid", "Dawn", "Online Store 2.0", "OS 2.0", "sezioni", "sections", "blocchi", "theme blocks", "app blocks", "schema", "settings_schema", "template JSON", "snippet", "section group", "theme editor", "shopify theme dev", "shopify theme push", "theme check", "Theme Inspector", "Lighthouse CI Shopify", "Theme Store", "theme app extension", "metafield in Liquid", "personalizzare un tema", "modificare il tema". Attivare anche quando la richiesta lo implica senza dirlo - "il cliente vuole cambiare la homepage da solo", "aggiungere una sezione al sito Shopify", "il sito Shopify è lento", "migrare un tema vecchio", "il tema si rompe quando lo aggiorno". NON è la skill per vetrine React headless - quella è shopify-storefront.
- ▌ Social Content · pixartseu bundleWhen the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'viral content.' This skill covers content creation, repurposing, and platform-specific strategies.
- ▌ Video Producer · pixartseuOrchestratore pipeline video completa. Usare quando l'utente vuole creare video, reel, clip, showcase, intro. Guida raccolta requisiti e scelta modalità: AI puro, Remotion puro, o AI+Remotion hybrid. Trigger: "crea video", "fammi un reel", "video per", "clip", "showcase", "intro video".
- ▌ Background Jobs · pixartseuBackground job processing with BullMQ, Inngest, Trigger.dev, Upstash QStash. Use when implementing async tasks, scheduled jobs, event-driven workflows, retries, or dead letter queues in Next.js.
- ▌ Marketing Ideas · pixartseu bundleWhen the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' or 'ideas to grow.' This skill provides 139 proven marketing approaches organized by category.
- ▌ Spline Rive Web · pixartseu bundleNo-code / low-code 3D & motion graphics for the web — Spline (3D scenes with @splinetool/react-spline), Rive (interactive 2D and 3D state machines via @rive-app/canvas, @rive-app/react-canvas, @rive-app/webgl2). Use when a designer ships a .spline scene or .riv file, you need an interactive hero/illustration without writing Three.js, or for runtime-controlled state-machine animations.
- ▌ Website Cloning · pixartseu bundlePipeline v2.0 per clonazione pixel-perfect di siti web - Firecrawl + Design Copier + Playwright, per-section tokens, interactive states, dark mode. Use when cloning a website, reverse-engineering a UI, or replicating a site's design pixel-perfect.
- ▌ Churn Prevention · pixartseu bundleWhen the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' or 'involuntary churn.' This skill covers voluntary churn (cancel flows, save offers, exit surveys) and involuntary churn (dunning, payment recovery). For post-cancel win-back email sequences, see email-sequence. For in-app upgrade paywalls, see paywall-upgrade-cro.
- ▌ Content Strategy · pixartseu bundleWhen the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," or "content planning." For writing individual pieces, see copywriting. For SEO-specific audits, see seo-audit.
- ▌ Pixarts Workflow · pixartseu bundlePixarts complete workflow - intake, CMS setup, scaffold, build, deploy, QA. Use when implementing full client site projects, managing multi-phase delivery, or coordinating CMS and frontend setup.
- ▌ Programmatic SEO · pixartseu bundleWhen the user wants to create SEO-driven pages at scale using templates and data. Also use when the user mentions "programmatic SEO," "template pages," "pages at scale," "directory pages," "location pages," "[keyword] + [city] pages," "comparison pages," "integration pages," or "building many pages for SEO." For auditing existing SEO issues, see seo-audit.
- ▌ Referral Program · pixartseu bundleWhen the user wants to create, optimize, or analyze a referral program, affiliate program, or word-of-mouth strategy. Also use when the user mentions 'referral,' 'affiliate,' 'ambassador,' 'word of mouth,' 'viral loop,' 'refer a friend,' or 'partner program.' This skill covers program design, incentive structure, and growth optimization.
- ▌ Sales Enablement · pixartseu bundleWhen the user wants to create sales collateral, pitch decks, one-pagers, objection handling docs, or demo scripts. Also use when the user mentions 'sales deck,' 'pitch deck,' 'one-pager,' 'leave-behind,' 'objection handling,' 'ROI calculator,' 'demo script,' 'talk track,' 'sales playbook,' 'proposal template,' or 'buyer persona card.' For competitor battle cards and comparison pages, see competitor-alternatives. For marketing website copy, see copywriting. For cold outreach emails, see cold-email.
- ▌ SEO Programmatic · pixartseu bundleProgrammatic SEO planning and analysis for pages generated at scale from data sources. Covers template engines, URL patterns, internal linking automation, thin content safeguards, and index bloat prevention. Use when user says "programmatic SEO", "pages at scale", "dynamic pages", "template pages", "generated pages", or "data-driven SEO".
- ▌
- ▌ Monitoring Nextjs · pixartseuMonitoring and observability for Next.js — Sentry error tracking, structured logging with Pino, OpenTelemetry tracing, health checks, uptime monitoring, alerting. Use when adding error tracking, logging, performance monitoring, or alerting to a Next.js project.
- ▌ React Three Fiber · pixartseu bundleReact Three Fiber (R3F) knowledge base — Canvas, JSX scene graph, useFrame, useThree, useLoader, Suspense, @react-three/drei helpers, event system, SSR-safe Next.js integration. Use when building 3D scenes in React/Next.js, integrating drei components (OrbitControls, Environment, useGLTF), or debugging R3F lifecycle issues.
- ▌ SEO Content Drift · pixartseuContent and translation drift detection: find pages decaying over time, machine-translation quality drift on i18n sites, staleness signals, and prioritize what to refresh. Methodology, thresholds, a 0-100 freshness score, and refresh cadence tied to Next.js + next-intl + hreflang. Use when content is going stale, traffic is decaying on old pages, translations drifted from source, deciding what to refresh, or planning a content-decay audit. Triggers on: content drift, content decay, stale content, translation drift, machine translation quality, i18n parity drift, refresh priority, content freshness, content rot, decaying pages, next-intl drift, hreflang parity.
- ▌ Shopify Functions · pixartseu bundleShopify Functions — logica custom eseguita dentro il checkout - sconti, validazioni carrello e checkout, personalizzazione spedizione e pagamento, cart transform e bundle. ATTIVARE SEMPRE quando l'utente menziona "Shopify Functions", "discount function", "validation function", "delivery customization", "payment customization", "cart transform", "shopify app generate extension", "function replay", "shopify.extension.toml", "input query", "Shopify Scripts", "migrare gli Scripts", "sconto custom Shopify", "regole di checkout", "checkout rules", "BOGO", "gift with purchase", "bundle Shopify", "nascondere metodo di spedizione", "nascondere metodo di pagamento", "bloccare il checkout". Attivare anche quando la richiesta descrive una regola commerciale senza nominare le Functions - "sconto del 20% al terzo prodotto", "spedizione gratis sopra i 100 euro", "impedire l'ordine se il carrello contiene X e Y", "prezzi B2B", "limite massimo d'ordine". Se la logica deve valere al checkout, è questa la skill.
- ▌ Site Architecture · pixartseu bundleWhen the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user mentions "sitemap," "site map," "visual sitemap," "site structure," "page hierarchy," "information architecture," "IA," "navigation design," "URL structure," "breadcrumbs," "internal linking strategy," or "website planning." NOT for XML sitemaps (that's technical SEO — see seo-audit). For SEO audits, see seo-audit. For structured data, see schema-markup.
- ▌ Supabase Auth Ssr · pixartseu bundleSupabase Auth + @supabase/ssr for Next.js 15 App Router — server/browser/middleware clients, cookie-based session, RLS-aware queries, magic link / OAuth / password flows, password reset, session refresh, route protection, server actions. Use when setting up Supabase Auth in a Next.js project, debugging "Auth session missing" errors, implementing protected routes, or adding RLS-aware data fetching.
- ▌ Analytics Tracking · pixartseu bundleWhen the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," or "tracking plan." Includes full Next.js TypeScript implementation. For A/B test measurement, see ab-testing.
- ▌ Free Tool Strategy · pixartseu bundleWhen the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," or "free resource." This skill bridges engineering and marketing — useful for founders and technical marketers.
- ▌ Project Automation · pixartseu bundle4-layer project automation system - Husky pre-commit, GitHub Actions CI/CD, n8n monitoring, check scripts. Use when setting up project automation, configuring pre-commit hooks, establishing CI/CD pipelines, or adding quality checks.
- ▌ R3f Postprocessing · pixartseu bundlePost-processing in React Three Fiber via @react-three/postprocessing (pmndrs) — EffectComposer, Bloom, DepthOfField, ChromaticAberration, Vignette, Noise, SSAO, ToneMapping, custom effects. Use when adding cinematic visuals (bloom, DOF, color grading) to an R3F scene, debugging post-FX performance, or porting a Three.js EffectComposer setup to declarative R3F syntax.
- ▌ Resend React Email · pixartseu bundleResend (resend.com) HTTP API + React Email components for transactional and broadcast email in Next.js — domain verification, DKIM, send/batch/schedule, attachments, idempotency, React-templated emails, audience+broadcast, webhooks (delivered, bounce, complaint), reply-to, preview via React Email Studio. Use when sending transactional email with React templates, setting up Resend in a new project, debugging "domain not verified", or switching from Nodemailer to a hosted API.
- ▌ Shopify Storefront · pixartseu bundleSviluppo di vetrine headless Shopify con Hydrogen (React Router/Remix) e deploy su Oxygen. ATTIVARE SEMPRE quando l'utente menziona "Hydrogen", "Oxygen", "storefront headless", "Shopify headless", "Storefront API", "Customer Account API", "shopify hydrogen dev", "h2 dev", "mock.shop", "CartForm", "createHydrogenContext", "storefront.query", "CacheLong", "CacheShort", "subrequest profiler", "hydrogen deploy", "hydrogen link", "hydrogen codegen", "storefrontapi.generated", "@shopify/hydrogen", "@shopify/remix-oxygen", "mini-oxygen", "e-commerce React Router", "PDP/PLP Shopify custom". Attivare anche quando l'utente descrive il problema senza nominare Hydrogen — "voglio un e-commerce Shopify ma con frontend mio", "il checkout Shopify ma la vetrina in React", "migrare da Liquid a React", "cache che non si invalida sul prodotto", "dati cliente che finiscono nella cache", "il worker supera i 10MB", "deploy Shopify edge". In caso di dubbio su un progetto e-commerce Shopify custom, attivare.
- ▌ Skill Template 2 0 · pixartseu bundleReference template for creating Skills 2.0-compliant skill files. Use when creating a new skill or upgrading an existing skill to Skills 2.0 format. Includes all supported frontmatter fields, progressive disclosure structure, evals/, scripts/, references/ directory layout, and examples.
- ▌ Turborepo Monorepo · pixartseu bundleTurborepo + pnpm workspaces monorepo for Next.js apps and shared packages — workspace layout, turbo.json pipeline, task caching (local + remote), shared UI/config/utils packages, internal package imports, env vars per task, CI integration, Vercel deploys, transpilePackages, debugging cache misses. Use when migrating multiple Next.js projects into a monorepo, sharing components/configs across apps, speeding up CI with caching, or setting up internal pkgs.
- ▌ AI Image Generation · pixartseuAI image generation con Google Imagen 4. Usare quando si devono generare immagini con AI per marketing, prodotti, landing page, o come input per generazione video. Trigger: "genera immagine", "crea foto AI", "imagen", "product photo AI".
- ▌ AI Video Generation · pixartseuAI video generation knowledge base — Kling e Google Veo. Usare quando si devono generare video con AI da immagini o testo (Kling image-to-video, Kling text-to-video, Veo). Trigger: "genera video", "crea clip AI", "kling", "veo", "image to video", "video AI".
- ▌ Claude API Patterns · pixartseu bundleAnthropic Claude API patterns with the official `@anthropic-ai/sdk` — model selection (Opus 4.7 / Sonnet 4.6 / Haiku 4.5), streaming, prompt caching, tool use, structured output, vision, batch API, retry/backoff, cost control, Next.js Route Handler and Server Action wiring. Use when building features that call Claude (chat, summarization, agents, classifications), debugging tool-use loops, optimizing token cost via caching, or migrating between Claude model versions.
- ▌ Gltf Asset Pipeline · pixartseu bundleglTF/GLB asset preparation pipeline — Blender export, gltfpack (Meshopt) and gltf-transform optimization, Draco geometry compression, KTX2 + Basis Universal textures, gltfjsx code generation, hosting & cache headers. Use when a 3D model is too heavy, you need to bake/export from Blender, optimize for production, generate React Three Fiber components from a model, or set up CDN headers for .glb files.
- ▌ Paywall Upgrade Cro · pixartseu bundleWhen the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration screen," "limit reached screen," "plan upgrade prompt," or "in-app pricing." Distinct from public pricing pages (see page-cro) — this skill focuses on in-product upgrade moments where the user has already experienced value.
- ▌ Pixarts Client Site · pixartseu bundlePixarts client site stack - Next.js, Payload CMS, shadcn/ui, i18n, Tailwind. Use when building frontend for Pixarts client projects, setting up standard stack, or implementing multi-tenant architecture.