菜单
Generate a premium mockup website for a prospect using the buildinamsterdam.com template style. Use when user asks to design a website, create a mockup, or build a prospect website.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Conducts in-depth PRD interviews using AskUserQuestion to uncover hidden assumptions, edge cases, technical implications, and UI/UX concerns. Reads PRD.md, asks probing non-obvious questions, and writes the refined PRD back to the file.
This skill should be used when the user asks to "research a market", "validate an idea", "do market research", "analyze competition", "find market size", "validate a business idea", "size a market", "research competitors", or needs comprehensive market analysis across web, Reddit, and X sources.
Classify leads using LLM for complex distinctions like product SaaS vs agencies. Use when user asks to classify leads, filter leads by type, or categorize businesses.
Generate PandaDoc proposals from client information or sales call transcripts. Use when user asks to create a proposal, generate a quote, draft a contract, or prepare a client document.
Auto-generate intelligent replies to incoming Instantly email threads using knowledge bases. Use when user asks about email auto-replies, Instantly responses, or automated email handling.
Create cold email campaigns in Instantly with A/B testing. Use when user asks to create email campaigns, set up cold outreach, build email sequences, or configure Instantly campaigns.
| name | design-website |
| description | Generate a premium mockup website for a prospect using the buildinamsterdam.com template style. Use when user asks to design a website, create a mockup, or build a prospect website. |
| allowed-tools | Bash, Read, Write, Edit, Glob, Grep |
Generate a polished, single-page HTML website mockup for a prospect's business. The website matches the buildinamsterdam.com aesthetic: bold typography, off-white backgrounds, editorial grid layouts, terracotta accents. Used to pitch web design services.
The script maps these columns (case-insensitive, flexible matching):
| Column | Maps To |
|---|---|
| company_name / company | Business name (hero, nav, footer) |
| description / about | About section + hero subtitle |
| keywords / services | Services grid (comma-separated) |
| phone / phone_number | Contact section |
| email / contact_email | Contact section |
| address / full_address | Contact section |
| city, state, country | Location info |
| industry / category | Unsplash image search queries |
| first_name, last_name | Owner attribution |
| title / role | Owner role |
scripts/read_prospect.py — Read a single prospect row from Google Sheets → JSONscripts/generate_website.py — Generate HTML website from prospect JSONpython3 .claude/skills/design-website/scripts/read_prospect.py \
--url "SHEET_URL" \
--row ROW_NUMBER \
--worksheet "WORKSHEET_NAME" # optional
Outputs JSON to stdout.
python3 .claude/skills/design-website/scripts/read_prospect.py \
--url "SHEET_URL" --row 1 | \
python3 .claude/skills/design-website/scripts/generate_website.py
Or with a JSON file:
python3 .claude/skills/design-website/scripts/generate_website.py < prospect.json
Open the generated file in browser:
open .tmp/website_*.html
.tmp/website_{company_slug}.html — Self-contained HTML file, viewable in any browserUNSPLASH_ACCESS_KEY in .env — Required for stock photos. Get free key at https://unsplash.com/developers#F2EFE6, Black #000, White #FFF, Terracotta #C38133