Art & Design

Use esta skill quando o usuário quiser criar uma landing page de alta conversão no Next.js. Aplica princípios de CRO (otimização de conversão) e psicologia do consumidor.

Create production‑ready Next.js landing pages with modern patterns – i18n, A/B testing, waitlist capture, analytics, and polished UI components.

Use this skill whenever the user is building, reviewing, debugging, instrumenting, or architecting landing pages for paid social traffic — TikTok, Meta (Facebook / Instagram / Messenger), Snapchat, Pinterest, LinkedIn, X/Twitter, Reddit, or YouTube ads. Also trigger on any mention of the TikTok Pixel, TikTok Events API / CAPI, Meta Conversions API, event deduplication, EMQ / Event Match Quality, SHA-256 hashing of user identifiers, attribution windows, SKAN / AdAttributionKit, consent / LDU, in-app browser (IAB) quirks, WebView, WKWebView, BytedanceWebview, broken 100vh, Apple Pay or Google Pay not showing, Stripe Link failing, reCAPTCHA v3 scoring legitimate users as bots, third-party cookie loss, CloudFront + Lambda@Edge pixel proxy, CloudWatch RUM for landing pages, TikTok ad policy or creative-to-landing-page matching. Also trigger on symptom-level questions like 'my pixel is dropping conversions', 'LP loads slow in TikTok', 'form doesn't submit in the app', 'Apple Pay button doesn't appear', 'why is m...

Post-merge cleanup workflow. Discusses uncommitted worktree changes per-worktree before deleting; handles local + remote merged branches, stale refs, dist/ build artifacts, and surfaces today's memory entries for review. Use when the user wants to wrap up after merging a PR, clean up worktrees, tidy branches, do post-merge cleanup, "land the plane", "land", remove stale feature branches, or close out a development session.

>- Builds a full landing page: section-by-section structure (hero, social proof, problem, solution, features->benefits, proof, FAQ, trust, final CTA) and the copy for each, in English or German. Use when the user needs a whole landing/sales page planned and written, not just one block. Trigger: "write a landing page", "landing page structure", "sales page", "whole page copy"; German: "Landingpage erstellen", "komplette Seite texten", "Verkaufsseite", "Seitenstruktur". Reads brand-brief.md; applies native German craft for DE pages.

Explicit landing-page build and deploy operator. Loads marketing and frontend judgment, scaffolds the smallest suitable site, verifies it rendered, deploys to the configured target.

Use when editing, updating, or iterating on a workspace's landing page HTML (the magazine-style /w/:slug page). Supports incremental edits — fetch the current HTML, make targeted changes, then write it back. NOT for initial generation — that comes from the `brief` field which runs the server-side LANDING_PAGE_PROMPT against Gemini.

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

Astro conventions for landing pages, content sites, and SSG projects at Vera Sesiom. Zero JS by default, Vue Islands for interactivity, and content-first architecture. Trigger: When building landing pages, marketing sites, blogs, docs, or any content-heavy static site.

Designs and writes a landing page — section-by-section wireframe, copy, proof placement, and optional production HTML. Use when the user says "build a landing page", "write our homepage", "we need a page for X", "our page doesn't convert", "make a comparison page", "vs page", "pricing page", or "redesign this page's copy".

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

Astro conventions for landing pages, content sites, and SSG projects at Vera Sesiom. Zero JS by default, Vue Islands for interactivity, and content-first architecture. Trigger: When building landing pages, marketing sites, blogs, docs, or any content-heavy static site.

Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal brand. Also triggers when users say "I need a website for my product", "help me launch", "make a page for my app", or want to convert a README into a visual landing page. Works great for Product Hunt launches, GitHub project pages, and indie hacker ship days.

>- Ship a high-quality landing page in 4-8 hours using Astro + Tailwind + shadcn-style components — opinionated defaults, proven section structures, performance and SEO baked in. Use when launching a new product ([Project A], [Project B]), validating a hackathon idea, refreshing a [Company] product page, or any time the user asks to "build a landing", "make a landing page", "set up a landing for X". Output: a deployed landing page on Vercel with form capture, analytics, and proper meta. Bakes in `frontend-quality` rules.

落地页/官网功能页文案（AIDA 结构：Attention-Interest-Desire-Action）。适合产品/功能推广与转化页。

Use when writing the words on a single conversion page — the hero headline and subhead, the offer, the proof and testimonials, and one primary CTA — or diagnosing a page that gets traffic and does not convert, as a copy problem rather than a layout one. NOT the paid ad that drives the click (that is `ads`), NOT the visual layout the words sit in (that is `design`), NOT the experiment that picks the winning variant (that is `ab-testing`).

A bookkeeper's assistant for categorizing transactions, catching anomalies, reconciling totals, and running a consistent month-end close. Use for: Books that stay categorized and reconciled monthly without dread.

Opinionated end-to-end workflow for shipping a bilingual (中文/English) static company marketing site to Volcengine — Astro 6 + React 19 islands + Tailwind 4, deployed to TOS + CDN with HTTPS, force-redirect, HSTS, and HTTP/2, entirely via the `ve` CLI and Node SDKs, with the Astro agent skill installed after dependencies so future sessions have framework-specific guidance loaded. Use whenever the user mentions building, scaffolding, deploying, or updating a company / brand / product / 公司官网 / 营销网站 / 品牌站 / marketing site, ESPECIALLY when Volcengine (火山引擎), TOS, CDN, ICP 备案, or Chinese deployment is involved. Also trigger when the user provides a company brief with product list + brand assets and asks for a "single command deploy" or "production-ready landing page", or references files like `astro.config.mjs`, `deploy.config.mjs`, `scripts/cdn-setup.mjs`, `scripts/setup-bucket.mjs`. Prefer this skill over generic web-dev guidance whenever the target deployment is Volcengine + China mainland.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

Create and publish link-in-bio websites via the unulu MCP server. Use when a user wants to build a personal landing page, portfolio, or link-in-bio site. No API key or sign-up required.

AnyGen: AI-powered content creation suite. Create slides/PPT, documents, diagrams, websites, data visualizations, research reports, storybooks, financial analysis, and images. Supports: pitch decks, keynotes, technical docs, PRDs, white papers, architecture diagrams, flowcharts, mind maps, org charts, ER diagrams, sequence diagrams, UML, landing pages, CSV analysis, earnings research, posters, banners, comics, and more. Also trigger when: 做PPT, 写文档, 画流程图, 做网站, 分析数据, 帮我调研, 做绘本, 分析财报, 生成图片, 做海报, 思维导图, 做个架构图, 季度汇报, 竞品调研, 技术方案, 建个落地页, 做个估值, 画个故事.

Professional UI/UX design intelligence that provides systematic design thinking across multiple platforms and frameworks. Guides users through an interactive discovery process to build design systems, component architectures, and pixel-perfect interfaces. Use this skill when users want to: (1) Design or plan a UI/UX for any project (website, mobile app, desktop app, SaaS dashboard), (2) Build or architect a design system with tokens, components, and patterns, (3) Choose design styles, color palettes, typography, or animation strategies, (4) Plan cross-platform UI architecture (Web + Mobile + Desktop), (5) Conduct UX research, usability testing, or create user personas/journeys, (6) Audit accessibility (WCAG), responsive design, or design handoff specs, (7) Select technology stacks for frontend implementation. Do NOT use for: generating static art (use canvas-design), creating bold one-off web pages without systematic thinking (use frontend-design), or applying Anthropic brand styles (use brand-guidelines).

Marketing copy, content strategy, and growth for this Astro personal/portfolio website. Use this skill for writing landing page copy, blog post headlines, CTAs, project descriptions, about page content, social media posts, email newsletter content, and any task aimed at attracting visitors, communicating value, or converting readers. Trigger on mentions of copy, landing page, headline, CTA, call to action, newsletter, social media, marketing, brand voice, about page, or converting visitors.

Design and implement distinctive marketing, editorial, portfolio, documentation, and landing-page websites; do not use for dense product-app screens or design-only critique.