Art & Design

Content calendar, keyword-driven planning, and content briefs.

Competitive analysis between domains using YepAPI.

CRUD generators, data tables, user management, role-based access, and bulk operations.

Session auth, social providers, CSRF protection, and secure cookie patterns.

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

Experiment setup, variant splitting, statistical significance, and feature flag integration.

Framer Motion — transitions, scroll animations, layout animations.

Recharts/Chart.js data visualization — bar, line, area, pie charts.

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

Link building research and backlink audit using YepAPI.

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

Authentication security — bcrypt/argon2 hashing, brute force protection, secure password resets.

MDX blog setup, RSS feed generation, sitemap.xml, structured data/JSON-LD, and related posts.

Web analytics integration — event tracking, custom dashboards, privacy-first.

Full API context for YepAPI — 30 endpoints for SEO, SERP, web scraping, YouTube, and AI. Plus 110 skills for Next.js, React, TypeScript, shadcn/ui, security, SEO, dashboards, and more.

OpenAPI 3.1 from Zod schemas, interactive docs with Swagger/Scalar, versioning, and example requests for every endpoint.

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

Tool-use patterns, multi-step reasoning, agent orchestration, and structured outputs.

>- Enforce frontend quality bar — accessibility (WCAG 2.2 AA), performance (Core Web Vitals: LCP/INP/CLS), semantic HTML, image optimization, bundle size, mobile-first, loading/empty/error states. Use this skill on any PR that touches React/Next.js/Astro/Svelte/Vue components, CSS/Tailwind, layout files, or anything in `app/`, `components/`, `pages/`, `src/`. Critical for [Project A] (Argentine mobile users on slow 3G/4G) and [Company] docs site (developer audience expects fast). Auto-triggers on `*.tsx`, `*.jsx`, `*.svelte`, `*.vue`, `*.astro`, `*.css`.

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

Choosing how a web app renders and whether to use a framework, decided up front. Claude defaults to client-side rendering and hand-rolled vanilla HTML/JS, which is usually the wrong starting point for content sites and multi-page apps. Use when starting or scaffolding a site or app, deciding how pages render (SSR, SSG, CSR), or about to hand-build routing and state. Covers defaulting to server-rendered HTML for first paint and SEO, reaching for a framework when there are several pages, and not over-engineering a single page.

- Keywords: `teste`, `e2e`, `playwright`, `browser test`, `visual test`, `smoke test`

Multi-signal keyword revenue attribution combining GSC bulk export and GA4 export in BigQuery. Runs a 3-signal join (page + date + device), applies intent weighting (branded, transactional, commercial, navigational, informational), renormalises per landing page so query-level attribution sums to the GA4 page total, and scores confidence per row. Use this skill whenever the user wants to: attribute GA4 sessions, conversions, or revenue to specific GSC queries; find which keywords drive money (not just clicks); compute revenue per keyword; run keyword-level attribution; cross-join GSC and GA4 in BigQuery; understand which queries on a page actually convert. Trigger on phrases like "attribute revenue to keywords", "which keywords drive conversions", "GSC plus GA4 attribution", "revenue per query", "keyword level revenue", "what drives conversions on this page". Requires the BigQuery MCP server and a project containing both the GSC bulk export dataset and the GA4 events export.