Launch Quality
Brand, design, copy, UI/UX, SEO, AEO, schema, and content guidance for launch-ready products.
Keep .agents/product-marketing.md current before asking agents to create or revise public copy, UI, brand, SEO, or content.
Call varel_hyperdrive_landing_page_plan before landing-page, homepage, pricing-page, conversion-copy, brand, or visual-direction implementation when Hyperdrive is installed, and treat its skill availability gate as blocking.
Define product-specific palette values, semantic color roles, typography, logo direction, imagery/icon style, landing copy direction, visual archetype, CTA, objections, social proof, conversion goal, brand token notes, and screenshot QA notes before marketing or app UI work.
Use .agents/skills/varel/references/landing-page-quality.md for landing strategy, section architecture, conversion copy, visual direction, token handoff, and screenshot QA.
Use .agents/skills/varel/references/brand-design.md for logo/SVG, palette, visual design, UI/UX, and shadcn dashboard quality.
Use .agents/skills/varel/references/landing-copy.md for landing page structure, SaaS copywriting, pricing copy, and CRO.
Use .agents/skills/varel/references/seo-aeo.md for metadata, sitemap, robots, OG, JSON-LD, AI-answer visibility, and content strategy.
Install only the small recommended external skill stack globally with npx skills add and npx skills update instead of committing third-party skills into this repo.
Verify client linkage with npx skills ls -g -a codex claude-code cursor, then confirm the active Codex, Claude Code, Cursor, or equivalent skills-capable coding agent can invoke $frontend-design, $web-design-guidelines, $vercel-react-best-practices, and $vercel-composition-patterns or use npx skills use prompt output; restart the active client and start a new thread if a newly installed skill is not visible.
If the active client is in Plan Mode or otherwise cannot run install/verification commands, stop and ask the user to switch to an execution-capable mode or install the skills manually; do not continue landing-page strategy, design, copy, or implementation with generic model knowledge alone.
Keep the default skill stack to Anthropic frontend-design plus Vercel web-design-guidelines, vercel-react-best-practices, and vercel-composition-patterns; use react-view-transitions only when motion materially improves comprehension.
Run pnpm varel impact "brand landing page SEO" --json, inspect desktop/mobile browser output, verify metadata and OG routes, then run pnpm agent:preflight and pnpm check before launch handoff.
pnpm agent:preflight warns when .agents/product-marketing.md is blank, landing strategy is incomplete, src/config/site.ts still uses Varel, or the default Varel palette appears unchanged.