菜单
Use when asked to build a campaign landing page. Generates a 7-section wireframe with copy, a design-generation prompt for a visual mockup, and optionally deploy-ready HTML, from the messaging canon and visual identity.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when asked to build an animated UI mockup for a landing page hero, product launch, or social post. Generates an animation concept and a standalone HTML file with CSS animations, from the product canon and visual identity.
Use when asked to create a blog hero image, featured image, or social share card for a post. Generates an image concept and a design-generation prompt from the visual identity, keyed to the post's category.
Use when asked to build a homepage wireframe, mock up a company's homepage, or lay out site information architecture. Produces a black-and-white, IA-focused wireframe of the homepage (plus linked page skeletons) with copy from the messaging canon, then deploys it to S3 as a shareable link. Distinct from artifact-landing-page (a brand-designed campaign page); this is the main-site homepage, wireframe-first.
Use when asked to build a LinkedIn carousel or document post. Generates slide-by-slide copy, a design-generation prompt for the PDF, and the accompanying post copy from the messaging canon and visual identity.
Use when asked to build a one-pager, solution brief, integration sheet, or vertical leave-behind. Generates a layout spec with copy and a design-generation prompt for a print-ready PDF from the messaging canon and visual identity.
Use when asked to build paid ad creative for LinkedIn or Meta. Generates a multi-variant concept table across distinct angles and a design-generation prompt, from the messaging canon and visual identity.
| name | artifact-landing-page |
| description | Use when asked to build a campaign landing page. Generates a 7-section wireframe with copy, a design-generation prompt for a visual mockup, and optionally deploy-ready HTML, from the messaging canon and visual identity. |
Generates a campaign landing page draft from approved context: a 7-section wireframe with copy, a design-generation prompt for the visual mockup, and (when asked) deploy-ready single-file HTML with embedded CSS. A human reviews it before it ships.
From the canon, by component ID:
positioning, value-proposition: the hero and value sectionsicp (the champion's job to be done): the problem section, in the customer's wordsunique-attributes, how-it-works: the solution bridgecustomer-proof, key-metrics: the social proof sectionicp and buying-committee: the objection-handler / FAQ section; answer the real objections the canon records, directly, not in marketing-speakoffers: the conversion offer, when a trial or free tier is the destinationbuying-committee: who the page is qualifying forAnd the full visual identity for both outputs, plus brand-writing-identity for voice, guardrails, and lexicon.
If a section's component has no canon entry, mark the section as a gap. Never invent proof, objections, or claims.
One at a time, and only what context cannot hold: