PIXARTSeu
- 221 skills
- 0 followers
- 1 day ago last updated
- ▌ Pixarts Cms Modules · pixartseu bundlePixarts CMS modules pattern - reservations, ecommerce, events, portfolio, newsletter. Use when adding functional modules to Payload CMS tenant, implementing reservations, e-commerce, or event management.
- ▌ Landing Architecture · pixartseu bundleHigh-conversion landing page architecture - hero patterns, sections, social proof, CTA placement, shadcn templates. Use when building landing pages, structuring marketing pages, or designing conversion-focused page layouts.
- ▌ Marketing Psychology · pixartseu bundleWhen the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' or 'consumer behavior.' This skill provides 70+ mental models organized for marketing application.
- ▌ Pixarts Multitenancy · pixartseu bundlePayload CMS multi-tenancy guide for Pixarts - tenant structure, access control, collections, hooks. Use when setting up multi-tenant CMS, configuring tenant access control, or implementing tenant-scoped data.
- ▌ Project Health Check · pixartseu bundleComprehensive health check of a Next.js/Payload CMS project. Use when user asks to "check the project", "audit the codebase", "what's the state of the project", "project health", or before a major release. Checks TypeScript errors, build status, missing env vars, i18n completeness, SEO basics, and Payload CMS configuration.
- ▌
- ▌ SEO Competitor Pages · pixartseu bundleBuild and audit competitor comparison, "alternatives to X", and category roundup pages — competitive content gap analysis, SERP-feature targeting, page-level teardown, feature matrices, JSON-LD, and a 0-100 prioritization rubric. Use when user says "comparison page", "vs page", "alternatives page", "competitor comparison", "content gap", "SERP analysis", "X vs Y". Triggers on: versus, compare competitors, alternative to, comparison table, gap analysis, SERP features, competitive teardown.
- ▌ SEO Sitemap Advanced · pixartseu bundleAdvanced XML sitemaps for Next.js App Router — index/shard files, news/image/video sitemaps, lastmod hygiene, 50k sharding, IndexNow ping, plus an audit rubric. Use when user says "sitemap", "sitemap index", "news sitemap", "image sitemap", "video sitemap", "large site sitemap", "IndexNow", "lastmod", or "sitemap audit". Triggers on: sitemap, sitemap.xml, sitemap index, news sitemap, image sitemap, video sitemap, lastmod, sharding, IndexNow, robots sitemap reference.
- ▌ SEO Topical Clusters · pixartseuBuild topical authority with pillar/cluster (hub-and-spoke) content architecture, internal-linking strategy, content-gap analysis, and cannibalization avoidance — with Next.js App Router internal-linking patterns and a coverage-scoring rubric. Use when planning content architecture, building topical authority, designing a pillar page with supporting cluster pages, fixing keyword cannibalization, or auditing internal links. Triggers on: topic cluster, content cluster, topical authority, pillar page, hub and spoke, internal linking, content gap, keyword cannibalization, semantic clustering, content architecture, orphan pages.
- ▌ Threejs Fundamentals · pixartseu bundleThree.js core knowledge base — scene, camera, renderer, geometries, materials, lights, GLTF loader, OrbitControls, raycaster, render loop, resize handling. Use when starting a vanilla Three.js scene, debugging WebGL context, integrating Three.js without React, or learning the engine before moving to React Three Fiber.
- ▌ Pixarts Design System · pixartseu bundlePixarts design system - design tokens, CSS variables, standard components, layout system, dark mode. Use when implementing brand colors, typography, component variants, or the standard Pixarts visual system.
- ▌ SEO Google Guidelines · pixartseuGround-truth reference for what Google Search actually says — Search Essentials, spam policies, E-E-A-T/YMYL, Core Web Vitals thresholds, structured-data eligibility, algorithm-update awareness (core/helpful-content/spam) and how to react, plus a falsifiability methodology for SEO claims. Use when verifying an SEO claim against primary sources, diagnosing a ranking drop after an update, or deciding whether a practice is allowed. Triggers on: "is this allowed by Google", "Google guidelines", "Search Essentials", "spam policy", "E-E-A-T", "YMYL", "helpful content", "core update", "ranking drop", "manual action", "penalty recovery", "Core Web Vitals", "LCP INP CLS", "structured data eligibility", "rich results retired", "what does Google say".
- ▌ Framer Motion Advanced · pixartseu bundleAdvanced Motion (Framer Motion) patterns — layout animations, AnimatePresence + exit, drag/hover/tap gestures, useScroll/useTransform/useMotionValue, variants orchestration, springs vs tweens, layoutId shared-element transitions, deferred values, MotionConfig, Reduced Motion, RSC integration. Use when building interactive animations, page transitions, drag-and-drop, shared-element morphs, scroll-driven UI, list reorder, or debugging unmount/exit animation issues.
- ▌ Rhf Zod Server Actions · pixartseu bundleCanonical Next.js 15 form stack — react-hook-form + Zod resolver + Server Actions + useActionState + Progressive Enhancement + revalidation. Use when building forms (contact, login, signup, multi-step, file upload), debugging duplicate validation logic between client and server, adding optimistic updates, or handling field/global errors and pending states without losing PE.
- ▌ Competitor Alternatives · pixartseu bundleWhen the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' or 'competitive landing pages.' Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. Emphasizes deep research, modular content architecture, and varied section types beyond feature tables.
- ▌ Vercel AI Sdk Streaming · pixartseu bundleVercel AI SDK 5 (`ai` + `@ai-sdk/*` providers) — streamText/generateText/generateObject, useChat hook with streaming UI, structured outputs with Zod, tool calling and multi-step agents, provider abstraction (Anthropic/OpenAI/Google/Mistral), middleware, RAG patterns, Edge runtime. Use when building chat UIs with streaming, structured AI outputs, multi-provider apps, AI-driven Server Actions, or comparing model performance without rewriting code.
- ▌ Vitest Next Conventions · pixartseu bundleVitest in Next.js 15 App Router — vite.config setup, jsdom vs node environments, testing Server Components/Server Actions, mocking next/navigation/headers/cookies, React Testing Library integration, fixtures, MSW for network, coverage with v8, watch mode, parallelization, CI in GitHub Actions. Use when setting up Vitest, fixing test failures around RSC or async hooks, mocking Next.js APIs, or speeding up the test suite.
- ▌ Nodemailer Transactional · pixartseu bundleNodemailer + SMTP for transactional emails in Next.js — singleton transporter, HTML+plaintext templates, attachments, SPF/DKIM/DMARC deliverability, retry/queue strategies, Server Action integration, common providers (Postmark, SendGrid, Mailgun, generic SMTP, Gmail). Use when sending contact form submissions, password reset, order confirmations, notifications, or debugging emails landing in spam.
- ▌ Tanstack Query Next Actions · pixartseu bundleTanStack Query v5 in Next.js 15 App Router — QueryClient + QueryClientProvider setup, prefetch in RSC + HydrationBoundary, mutations with optimistic updates, Server Actions interop, invalidation patterns, infinite queries, suspense queries, devtools. Use when you need rich client-side caching for server data, interactive lists with optimistic updates, infinite scroll, or when Server Components alone can't handle your interaction patterns.
- ▌ Pixarts Template Architecture · pixartseu bundleStandard Next.js project architecture for Pixarts client sites - folder structure, root layout, block renderer, env config. Use when scaffolding a new client project, setting up the standard folder structure, or configuring root layout/config files.
- ▌ Stripe Subscriptions Webhooks · pixartseu bundleStripe for SaaS in Next.js — Checkout Sessions (subscription mode), Customer Portal, webhook signature verification, idempotency, subscription lifecycle events, multi-currency, Stripe Tax, metered billing, prorations, trial logic, sync to your DB. Use when adding paid plans, integrating Stripe Checkout, handling webhook events, debugging signature errors, syncing subscriptions, or building a self-serve billing UI.