菜单
Review a marketing or landing page section by section against pro-vs-amateur heuristics, layout rules, typography and color guardrails, and a 4-pixel mathematical system. Use when auditing a homepage, landing page, pricing page, or product page for conversion-grade design quality.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Wolverine971/buildos-platform --skill marketing-site-design-review命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Query and manage the BuildOS Supabase database. Use for debugging data issues, checking users, LLM usage, queue jobs, schema questions, or admin database operations with safety checks.
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
基于 SOC 职业分类
正在显示 SKILL.md
| skill_id | marketing-site-design-review |
| name | Marketing Site Design Review |
| description | Review a marketing or landing page section by section against pro-vs-amateur heuristics, layout rules, typography and color guardrails, and a 4-pixel mathematical system. Use when auditing a homepage, landing page, pricing page, or product page for conversion-grade design quality. |
| skill_type | combo |
| categories | ["marketing-and-content","product-and-design"] |
| path | docs/research/youtube-library/skill-drafts/marketing-site-design-review/SKILL.md |
| promoted_to | apps/web/src/lib/services/agentic-chat/tools/skills/definitions/marketing_site_design_review/SKILL.md |
| last_promoted | 2026-06-10 |
| status | registered |
Use this skill to audit a marketing website (homepage, landing page, pricing page, comparison page, product page, contact page) section by section. The review distinguishes between an amateur-looking marketing site and a conversion-grade one without rebuilding from scratch.
This skill is the public-facing sibling of ui-ux-quality-review (which targets in-app product UI). They share foundational rules; this skill adds section-specific scorecards for the page types found on a marketing site.
Do not use this skill for in-app product UI (use ui-ux-quality-review), brand identity work, or assessment-funnel design (use landing-page-scorecard-funnel).
These pre-conditions must hold across the whole site before section-level review is meaningful.
Walk the page top to bottom. For each section present, run the matching review.
| Section | Amateur Tell | Pro Move |
|---|---|---|
| Hero | Stock photos + four-cell layout + corporate blue + generic tagline | Two zones (text + visual), real photo of real work, named customer, primary + secondary CTA |
| Portfolio | Identical mockup template for every project; rigid grid | Floating composition, varied mockups per project, individuality |
| Case Study | Auto-generated keywords, sparse company-only blurb, small visuals | Custom layout per case, bold visuals, explicit process and impact |
| Benefit (60–70% of homepage) | Static screenshots with feature names + feature descriptions | Animated/interactive visuals, in-line button-highlighter pattern, benefits over features |
| FAQ | Plain-text default accordion; selling in the FAQ | Brand-consistent, fun design; real questions answered honestly; never use the FAQ to sell |
| Features | Gray corporate background, HTML-list features | Bento-box grid, varied tile sizes, hand-holding through how the product works |
| Demo | AI voiceover, generic product video, no interactivity | Interactive in-page demo; let the visitor try before signup |
| Product (e-commerce) | Stock images, no servings/sourcing/reviews, dense paragraph | Real photos, benefits-first layout, full-width hero, magazine-style sub-hero, testimonials |
| Comparison | Blog-post format, ambiguous yes/no, equal column weights | Bold problem-led headline, visual problem-solution rows, your column visually emphasized, clear CTA |
| Testimonial | Mixed tweets / handwritten / video / text in random order | Full-width section, persona-segmented categories, clickable links to real sources |
| Contact | Generic form, double labels, no qualification fields | Conversational labels embedded in copy, qualifying fields (work email, company), creative interaction |
Return findings as a structured scorecard:
Section: <name>
Amateur Tells Found: <bulleted list>
Pro Moves Missing: <bulleted list>
Specific Fixes: <numbered list, ordered by impact>
Priority: high | medium | low
Then a roll-up:
ui-ux-quality-review — same foundational rules, applied to in-app screens.landing-page-scorecard-funnel — assessment-driven funnel structure when the page is meant to qualify leads via a quiz.Distilled from six DesignSpo videos plus Daniel Priestley's $1M landing page video:
Local analyses in docs/research/youtube-library/analyses/ (six 2026-04-29_designspo-*_analysis.md files) and docs/marketing/growth/research/youtube-transcripts/2025-10-11-daniel-priestley-1m-landing-page-ANALYSIS.md.