Creator · aiagentwithdhruv
Last updated · Sep 1, 2026
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.
Creator · aiagentwithdhruv
Last updated · Sep 1, 2026
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.
Creator · aiagentwithdhruv
Last updated · Sep 1, 2026
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.
Creator · aiagentwithdhruv
Last updated · Sep 1, 2026
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.
Do not auto-install
Install targets
Codex install prompt
Install the "design-website" agent skill from https://github.com/aiagentwithdhruv/skills/tree/main/design-website. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"aiagentwithdhruv-design-website","task":"Install design-website","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Research agents
I need my agent to research a topic, compare sources, and produce a concise report.
Agent fit
Claude Code + Browser agents + CLI
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add aiagentwithdhruv/skills --skill design-website
Maintenance
fresh
9d since push
Risk
Needs review
Dependency or permission surface needs review
GitHub quality
16
58/100 Quality · 59/100 Trust
Coverage tags
Review notes
Dependency or permission surface needs review · Permission surface may require sandboxing
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
PromisingUseful candidate, but compare it with alternatives before adopting.
Trust
Do not auto-installTrust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Choose a stronger alternative or inspect the source manually before any install attempt.
Stars
16 GitHub stars
Repo activity
16 stars, 6 forks
Maintenance
9d since push
License
MIT
Install
npx skills add aiagentwithdhruv/skills --skill design-website
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add aiagentwithdhruv/skills --skill design-websiteDo not use when
Alternative
1.9K Stars
npx skills add yanliudesign/mono-color-skill --skill mono-color
Alternative
61.0K Stars
npx skills add mvanhorn/last30days-skill -g
Alternative
38.4K Stars
npx skills add Imbad0202/academic-research-skills
Alternative
28.0K Stars
npx skills add assafelovic/gpt-researcher
Agent safety v2
This skill should not be selected by an agent without explicit human security review.
Do not auto-install. Inspect the source, dependencies, and permission surface first.
high
Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.
medium
Skill may drive a browser or interact with web pages.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
Agent should check
Copy prompt
Task: Use design-website in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install
Install command: npx skills add aiagentwithdhruv/skills --skill design-website
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
LLM text format
/api/skills/aiagentwithdhruv-design-website/install?format=text
Find alternatives
/api/skills/search?q=design-website&limit=3
Agent prompt
Use design-website for this task. Review https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install, then install with: npx skills add aiagentwithdhruv/skills --skill design-websiteRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/aiagentwithdhruv-design-website
LLM text
/api/registry/manifest/aiagentwithdhruv-design-website?format=text
Install alias
/api/registry/install/aiagentwithdhruv-design-website
Recommend
/api/registry/recommend?task=Use%20design-website%20in%20an%20agent%20workflow&limit=3
Agent fit
Web scraping
Use-case tags
Platforms
Claude Code, Browser agents
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Do a manual repository review before adding this to an agent workflow.
Role in stack
Needs validation
Primary fit
Web scraping
Trust label
Needs manual review
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
GitHub adoption
FIX16 GitHub stars
Stars/forks activity
FIX16 stars, 6 forks; issue activity unavailable in current metadata
Recent maintenance
PASS9d since push
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Choose a stronger alternative or inspect the source manually before any install attempt.
Quality profile
Useful candidate, but compare it with alternatives before adopting.
Workflow fit
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Investigate faster
I need my agent to research a topic, compare sources, and produce a concise report.
Manage pipeline work
I need my agent to enrich leads, update CRM records, and prepare sales follow-ups.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Find, compare, and synthesize
A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.
Design, build, test, and ship interfaces
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Alternative shortlist
Similar skills that may fit this task.
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
Academic Research Skills for Claude Code: research → write → review → revise → finalize
Run autonomous deep research over web and local sources
--- 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. ---
# Design Website
## Goal 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.
## Inputs - **Google Sheet URL** with prospect data - **Row number** (1-indexed, excluding header) to select which prospect - Optional: **worksheet name** (defaults to first sheet)
### Expected Sheet Columns 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 - `scripts/read_prospect.py` — Read a single prospect row from Google Sheets → JSON - `scripts/generate_website.py` — Generate HTML website from prospect JSON
## Process
### Step 1: Read prospect data ```bash python3 .claude/skills/design-website/scripts/read_prospect.py \ --url "SHEET_URL" \ --row ROW_NUMBER \ --worksheet "WORKSHEET_NAME" # optional ``` Outputs JSON to stdout.
### Step 2: Generate website ```bash 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: ```bash python3 .claude/skills/design-website/scripts/generate_website.py < prospect.json ```
### Step 3: Preview Open the generated file in browser: ```bash open .tmp/website_*.html ```
## Outputs - `.tmp/website_{company_slug}.html` — Self-contained HTML file, viewable in any browser - All CSS is inline, images are external URLs (Unsplash)
## Environment - `UNSPLASH_ACCESS_KEY` in `.env` — Required for stock photos. Get free key at https://unsplash.com/developers - If no key is set, falls back to curated placeholder images from picsum.photos - Google OAuth credentials (token.json / credentials.json) for Sheets access
## Design System - **Font**: Inter (Google Fonts CDN) - **Colors**: Off-white `#F2EFE6`, Black `#000`, White `#FFF`, Terracotta `#C38133` - **Typography**: Bold uppercase display (72-100px), section heads (36-48px), body (16-18px) - **Layout**: Full-viewport hero, 2-col about, 3-col services grid, 2x2 gallery - **Buttons**: Bordered, uppercase, letter-spaced
## Edge Cases - Missing columns: Script uses sensible defaults (e.g., "Welcome" if no description) - No Unsplash key: Falls back to picsum.photos placeholder images - Long company names: CSS handles wrapping with responsive font sizing - Special characters: HTML-escaped in output
---
## Schema
### Inputs | Name | Type | Required | Description | |------|------|----------|-------------| | `sheet_url` | string | Yes | Google Sheet URL with prospect data | | `row` | integer | Yes | Row number (1-indexed, excluding header) | | `worksheet` | string | No | Worksheet name (default: first sheet) |
### Outputs | Name | Type | Description | |------|------|-------------| | `html_file` | file_path | Self-contained HTML file at .tmp/website_{slug}.html |
### Credentials | Name | Source | |------|--------| | `UNSPLASH_ACCESS_KEY` | .env (optional, falls back to picsum) |
### Composable With Skills that chain well with this one: `scrape-leads`, `gmaps-leads`
### Cost Free (Unsplash free tier)
Decision snapshot
recent repository activity
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for design-website, ready for a manual X post.
design-website: Generate a premium mockup website for a prospect using the buildinamsterdam.com template styl... 16 stars https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x
Listing + install path for design-website: https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x Install: npx skills add aiagentwithdhruv/skills --skill design-website
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to aiagentwithdhruv but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website/audit)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)aiagentwithdhruv
@aiagentwithdhruv
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Do not auto-install
mono-color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
1.9K StarsLast30days Skill
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
61.0K StarsAcademic Research Skills
Academic Research Skills for Claude Code: research → write → review → revise → finalize
38.4K StarsGPT Researcher
Run autonomous deep research over web and local sources
28.0K StarsDo not auto-install
Install targets
Codex install prompt
Install the "design-website" agent skill from https://github.com/aiagentwithdhruv/skills/tree/main/design-website. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"aiagentwithdhruv-design-website","task":"Install design-website","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Research agents
I need my agent to research a topic, compare sources, and produce a concise report.
Agent fit
Claude Code + Browser agents + CLI
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add aiagentwithdhruv/skills --skill design-website
Maintenance
fresh
9d since push
Risk
Needs review
Dependency or permission surface needs review
GitHub quality
16
58/100 Quality · 59/100 Trust
Coverage tags
Review notes
Dependency or permission surface needs review · Permission surface may require sandboxing
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
PromisingUseful candidate, but compare it with alternatives before adopting.
Trust
Do not auto-installTrust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Choose a stronger alternative or inspect the source manually before any install attempt.
Stars
16 GitHub stars
Repo activity
16 stars, 6 forks
Maintenance
9d since push
License
MIT
Install
npx skills add aiagentwithdhruv/skills --skill design-website
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add aiagentwithdhruv/skills --skill design-websiteDo not use when
Alternative
1.9K Stars
npx skills add yanliudesign/mono-color-skill --skill mono-color
Alternative
61.0K Stars
npx skills add mvanhorn/last30days-skill -g
Alternative
38.4K Stars
npx skills add Imbad0202/academic-research-skills
Alternative
28.0K Stars
npx skills add assafelovic/gpt-researcher
Agent safety v2
This skill should not be selected by an agent without explicit human security review.
Do not auto-install. Inspect the source, dependencies, and permission surface first.
high
Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.
medium
Skill may drive a browser or interact with web pages.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
Agent should check
Copy prompt
Task: Use design-website in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install
Install command: npx skills add aiagentwithdhruv/skills --skill design-website
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
LLM text format
/api/skills/aiagentwithdhruv-design-website/install?format=text
Find alternatives
/api/skills/search?q=design-website&limit=3
Agent prompt
Use design-website for this task. Review https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install, then install with: npx skills add aiagentwithdhruv/skills --skill design-websiteRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/aiagentwithdhruv-design-website
LLM text
/api/registry/manifest/aiagentwithdhruv-design-website?format=text
Install alias
/api/registry/install/aiagentwithdhruv-design-website
Recommend
/api/registry/recommend?task=Use%20design-website%20in%20an%20agent%20workflow&limit=3
Agent fit
Web scraping
Use-case tags
Platforms
Claude Code, Browser agents
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Do a manual repository review before adding this to an agent workflow.
Role in stack
Needs validation
Primary fit
Web scraping
Trust label
Needs manual review
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
GitHub adoption
FIX16 GitHub stars
Stars/forks activity
FIX16 stars, 6 forks; issue activity unavailable in current metadata
Recent maintenance
PASS9d since push
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Choose a stronger alternative or inspect the source manually before any install attempt.
Quality profile
Useful candidate, but compare it with alternatives before adopting.
Workflow fit
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Investigate faster
I need my agent to research a topic, compare sources, and produce a concise report.
Manage pipeline work
I need my agent to enrich leads, update CRM records, and prepare sales follow-ups.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Find, compare, and synthesize
A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.
Design, build, test, and ship interfaces
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Alternative shortlist
Similar skills that may fit this task.
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
Academic Research Skills for Claude Code: research → write → review → revise → finalize
Run autonomous deep research over web and local sources
--- 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. ---
# Design Website
## Goal 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.
## Inputs - **Google Sheet URL** with prospect data - **Row number** (1-indexed, excluding header) to select which prospect - Optional: **worksheet name** (defaults to first sheet)
### Expected Sheet Columns 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 - `scripts/read_prospect.py` — Read a single prospect row from Google Sheets → JSON - `scripts/generate_website.py` — Generate HTML website from prospect JSON
## Process
### Step 1: Read prospect data ```bash python3 .claude/skills/design-website/scripts/read_prospect.py \ --url "SHEET_URL" \ --row ROW_NUMBER \ --worksheet "WORKSHEET_NAME" # optional ``` Outputs JSON to stdout.
### Step 2: Generate website ```bash 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: ```bash python3 .claude/skills/design-website/scripts/generate_website.py < prospect.json ```
### Step 3: Preview Open the generated file in browser: ```bash open .tmp/website_*.html ```
## Outputs - `.tmp/website_{company_slug}.html` — Self-contained HTML file, viewable in any browser - All CSS is inline, images are external URLs (Unsplash)
## Environment - `UNSPLASH_ACCESS_KEY` in `.env` — Required for stock photos. Get free key at https://unsplash.com/developers - If no key is set, falls back to curated placeholder images from picsum.photos - Google OAuth credentials (token.json / credentials.json) for Sheets access
## Design System - **Font**: Inter (Google Fonts CDN) - **Colors**: Off-white `#F2EFE6`, Black `#000`, White `#FFF`, Terracotta `#C38133` - **Typography**: Bold uppercase display (72-100px), section heads (36-48px), body (16-18px) - **Layout**: Full-viewport hero, 2-col about, 3-col services grid, 2x2 gallery - **Buttons**: Bordered, uppercase, letter-spaced
## Edge Cases - Missing columns: Script uses sensible defaults (e.g., "Welcome" if no description) - No Unsplash key: Falls back to picsum.photos placeholder images - Long company names: CSS handles wrapping with responsive font sizing - Special characters: HTML-escaped in output
---
## Schema
### Inputs | Name | Type | Required | Description | |------|------|----------|-------------| | `sheet_url` | string | Yes | Google Sheet URL with prospect data | | `row` | integer | Yes | Row number (1-indexed, excluding header) | | `worksheet` | string | No | Worksheet name (default: first sheet) |
### Outputs | Name | Type | Description | |------|------|-------------| | `html_file` | file_path | Self-contained HTML file at .tmp/website_{slug}.html |
### Credentials | Name | Source | |------|--------| | `UNSPLASH_ACCESS_KEY` | .env (optional, falls back to picsum) |
### Composable With Skills that chain well with this one: `scrape-leads`, `gmaps-leads`
### Cost Free (Unsplash free tier)
Decision snapshot
recent repository activity
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for design-website, ready for a manual X post.
design-website: Generate a premium mockup website for a prospect using the buildinamsterdam.com template styl... 16 stars https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x
Listing + install path for design-website: https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x Install: npx skills add aiagentwithdhruv/skills --skill design-website
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to aiagentwithdhruv but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website/audit)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)aiagentwithdhruv
@aiagentwithdhruv
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Do not auto-install
mono-color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
1.9K StarsLast30days Skill
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
61.0K StarsAcademic Research Skills
Academic Research Skills for Claude Code: research → write → review → revise → finalize
38.4K StarsGPT Researcher
Run autonomous deep research over web and local sources
28.0K StarsDo not auto-install
Install targets
Codex install prompt
Install the "design-website" agent skill from https://github.com/aiagentwithdhruv/skills/tree/main/design-website. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"aiagentwithdhruv-design-website","task":"Install design-website","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Research agents
I need my agent to research a topic, compare sources, and produce a concise report.
Agent fit
Claude Code + Browser agents + CLI
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add aiagentwithdhruv/skills --skill design-website
Maintenance
fresh
9d since push
Risk
Needs review
Dependency or permission surface needs review
GitHub quality
16
58/100 Quality · 59/100 Trust
Coverage tags
Review notes
Dependency or permission surface needs review · Permission surface may require sandboxing
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
PromisingUseful candidate, but compare it with alternatives before adopting.
Trust
Do not auto-installTrust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Choose a stronger alternative or inspect the source manually before any install attempt.
Stars
16 GitHub stars
Repo activity
16 stars, 6 forks
Maintenance
9d since push
License
MIT
Install
npx skills add aiagentwithdhruv/skills --skill design-website
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add aiagentwithdhruv/skills --skill design-websiteDo not use when
Alternative
1.9K Stars
npx skills add yanliudesign/mono-color-skill --skill mono-color
Alternative
61.0K Stars
npx skills add mvanhorn/last30days-skill -g
Alternative
38.4K Stars
npx skills add Imbad0202/academic-research-skills
Alternative
28.0K Stars
npx skills add assafelovic/gpt-researcher
Agent safety v2
This skill should not be selected by an agent without explicit human security review.
Do not auto-install. Inspect the source, dependencies, and permission surface first.
high
Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.
medium
Skill may drive a browser or interact with web pages.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
Agent should check
Copy prompt
Task: Use design-website in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install
Install command: npx skills add aiagentwithdhruv/skills --skill design-website
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
LLM text format
/api/skills/aiagentwithdhruv-design-website/install?format=text
Find alternatives
/api/skills/search?q=design-website&limit=3
Agent prompt
Use design-website for this task. Review https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install, then install with: npx skills add aiagentwithdhruv/skills --skill design-websiteRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/aiagentwithdhruv-design-website
LLM text
/api/registry/manifest/aiagentwithdhruv-design-website?format=text
Install alias
/api/registry/install/aiagentwithdhruv-design-website
Recommend
/api/registry/recommend?task=Use%20design-website%20in%20an%20agent%20workflow&limit=3
Agent fit
Web scraping
Use-case tags
Platforms
Claude Code, Browser agents
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Do a manual repository review before adding this to an agent workflow.
Role in stack
Needs validation
Primary fit
Web scraping
Trust label
Needs manual review
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
GitHub adoption
FIX16 GitHub stars
Stars/forks activity
FIX16 stars, 6 forks; issue activity unavailable in current metadata
Recent maintenance
PASS9d since push
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Choose a stronger alternative or inspect the source manually before any install attempt.
Quality profile
Useful candidate, but compare it with alternatives before adopting.
Workflow fit
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Investigate faster
I need my agent to research a topic, compare sources, and produce a concise report.
Manage pipeline work
I need my agent to enrich leads, update CRM records, and prepare sales follow-ups.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Find, compare, and synthesize
A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.
Design, build, test, and ship interfaces
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Alternative shortlist
Similar skills that may fit this task.
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
Academic Research Skills for Claude Code: research → write → review → revise → finalize
Run autonomous deep research over web and local sources
--- 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. ---
# Design Website
## Goal 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.
## Inputs - **Google Sheet URL** with prospect data - **Row number** (1-indexed, excluding header) to select which prospect - Optional: **worksheet name** (defaults to first sheet)
### Expected Sheet Columns 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 - `scripts/read_prospect.py` — Read a single prospect row from Google Sheets → JSON - `scripts/generate_website.py` — Generate HTML website from prospect JSON
## Process
### Step 1: Read prospect data ```bash python3 .claude/skills/design-website/scripts/read_prospect.py \ --url "SHEET_URL" \ --row ROW_NUMBER \ --worksheet "WORKSHEET_NAME" # optional ``` Outputs JSON to stdout.
### Step 2: Generate website ```bash 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: ```bash python3 .claude/skills/design-website/scripts/generate_website.py < prospect.json ```
### Step 3: Preview Open the generated file in browser: ```bash open .tmp/website_*.html ```
## Outputs - `.tmp/website_{company_slug}.html` — Self-contained HTML file, viewable in any browser - All CSS is inline, images are external URLs (Unsplash)
## Environment - `UNSPLASH_ACCESS_KEY` in `.env` — Required for stock photos. Get free key at https://unsplash.com/developers - If no key is set, falls back to curated placeholder images from picsum.photos - Google OAuth credentials (token.json / credentials.json) for Sheets access
## Design System - **Font**: Inter (Google Fonts CDN) - **Colors**: Off-white `#F2EFE6`, Black `#000`, White `#FFF`, Terracotta `#C38133` - **Typography**: Bold uppercase display (72-100px), section heads (36-48px), body (16-18px) - **Layout**: Full-viewport hero, 2-col about, 3-col services grid, 2x2 gallery - **Buttons**: Bordered, uppercase, letter-spaced
## Edge Cases - Missing columns: Script uses sensible defaults (e.g., "Welcome" if no description) - No Unsplash key: Falls back to picsum.photos placeholder images - Long company names: CSS handles wrapping with responsive font sizing - Special characters: HTML-escaped in output
---
## Schema
### Inputs | Name | Type | Required | Description | |------|------|----------|-------------| | `sheet_url` | string | Yes | Google Sheet URL with prospect data | | `row` | integer | Yes | Row number (1-indexed, excluding header) | | `worksheet` | string | No | Worksheet name (default: first sheet) |
### Outputs | Name | Type | Description | |------|------|-------------| | `html_file` | file_path | Self-contained HTML file at .tmp/website_{slug}.html |
### Credentials | Name | Source | |------|--------| | `UNSPLASH_ACCESS_KEY` | .env (optional, falls back to picsum) |
### Composable With Skills that chain well with this one: `scrape-leads`, `gmaps-leads`
### Cost Free (Unsplash free tier)
Decision snapshot
recent repository activity
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for design-website, ready for a manual X post.
design-website: Generate a premium mockup website for a prospect using the buildinamsterdam.com template styl... 16 stars https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x
Listing + install path for design-website: https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x Install: npx skills add aiagentwithdhruv/skills --skill design-website
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to aiagentwithdhruv but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website/audit)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)aiagentwithdhruv
@aiagentwithdhruv
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Do not auto-install
mono-color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
1.9K StarsLast30days Skill
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
61.0K StarsAcademic Research Skills
Academic Research Skills for Claude Code: research → write → review → revise → finalize
38.4K StarsGPT Researcher
Run autonomous deep research over web and local sources
28.0K StarsDo not auto-install
Install targets
Codex install prompt
Install the "design-website" agent skill from https://github.com/aiagentwithdhruv/skills/tree/main/design-website. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"aiagentwithdhruv-design-website","task":"Install design-website","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.Supply asset profile
Deep research, source comparison, literature review, RAG, knowledge search, and reports.
Scenario
Research agents
I need my agent to research a topic, compare sources, and produce a concise report.
Agent fit
Claude Code + Browser agents + CLI
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add aiagentwithdhruv/skills --skill design-website
Maintenance
fresh
9d since push
Risk
Needs review
Dependency or permission surface needs review
GitHub quality
16
58/100 Quality · 59/100 Trust
Coverage tags
Review notes
Dependency or permission surface needs review · Permission surface may require sandboxing
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
PromisingUseful candidate, but compare it with alternatives before adopting.
Trust
Do not auto-installTrust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
Audit
Needs reviewA machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
OpenAgentSkill Trust Score v5
Choose a stronger alternative or inspect the source manually before any install attempt.
Stars
16 GitHub stars
Repo activity
16 stars, 6 forks
Maintenance
9d since push
License
MIT
Install
npx skills add aiagentwithdhruv/skills --skill design-website
Install safety
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Install command
npx skills add aiagentwithdhruv/skills --skill design-websiteDo not use when
Alternative
1.9K Stars
npx skills add yanliudesign/mono-color-skill --skill mono-color
Alternative
61.0K Stars
npx skills add mvanhorn/last30days-skill -g
Alternative
38.4K Stars
npx skills add Imbad0202/academic-research-skills
Alternative
28.0K Stars
npx skills add assafelovic/gpt-researcher
Agent safety v2
This skill should not be selected by an agent without explicit human security review.
Do not auto-install. Inspect the source, dependencies, and permission surface first.
high
Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.
medium
Skill may drive a browser or interact with web pages.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
Agent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Open JSON
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
Agent should check
Copy prompt
Task: Use design-website in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20design-website%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install
Install command: npx skills add aiagentwithdhruv/skills --skill design-website
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/aiagentwithdhruv-design-website/install
LLM text format
/api/skills/aiagentwithdhruv-design-website/install?format=text
Find alternatives
/api/skills/search?q=design-website&limit=3
Agent prompt
Use design-website for this task. Review https://www.openagentskill.com/api/skills/aiagentwithdhruv-design-website/install, then install with: npx skills add aiagentwithdhruv/skills --skill design-websiteRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/aiagentwithdhruv-design-website
LLM text
/api/registry/manifest/aiagentwithdhruv-design-website?format=text
Install alias
/api/registry/install/aiagentwithdhruv-design-website
Recommend
/api/registry/recommend?task=Use%20design-website%20in%20an%20agent%20workflow&limit=3
Agent fit
Web scraping
Use-case tags
Platforms
Claude Code, Browser agents
Audit report
A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.
Agent decision cockpit
Do a manual repository review before adding this to an agent workflow.
Role in stack
Needs validation
Primary fit
Web scraping
Trust label
Needs manual review
Install path
Command ready
Use when
Evidence
review first
Implementation path
Trust profile
Trust Score v5 found insufficient evidence for agent installation. Treat this as discovery material, not an executable recommendation.
GitHub adoption
FIX16 GitHub stars
Stars/forks activity
FIX16 stars, 6 forks; issue activity unavailable in current metadata
Recent maintenance
PASS9d since push
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Choose a stronger alternative or inspect the source manually before any install attempt.
Quality profile
Useful candidate, but compare it with alternatives before adopting.
Workflow fit
Collect structured data
I need my agent to scrape websites and extract structured data from pages.
Investigate faster
I need my agent to research a topic, compare sources, and produce a concise report.
Manage pipeline work
I need my agent to enrich leads, update CRM records, and prepare sales follow-ups.
Workflow fit
Scrape, clean, and reuse web data
A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.
Find, compare, and synthesize
A workflow for agents that gather sources, compare claims, summarize long material, and draft useful research briefs.
Design, build, test, and ship interfaces
A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Alternative shortlist
Similar skills that may fit this task.
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
Academic Research Skills for Claude Code: research → write → review → revise → finalize
Run autonomous deep research over web and local sources
--- 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. ---
# Design Website
## Goal 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.
## Inputs - **Google Sheet URL** with prospect data - **Row number** (1-indexed, excluding header) to select which prospect - Optional: **worksheet name** (defaults to first sheet)
### Expected Sheet Columns 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 - `scripts/read_prospect.py` — Read a single prospect row from Google Sheets → JSON - `scripts/generate_website.py` — Generate HTML website from prospect JSON
## Process
### Step 1: Read prospect data ```bash python3 .claude/skills/design-website/scripts/read_prospect.py \ --url "SHEET_URL" \ --row ROW_NUMBER \ --worksheet "WORKSHEET_NAME" # optional ``` Outputs JSON to stdout.
### Step 2: Generate website ```bash 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: ```bash python3 .claude/skills/design-website/scripts/generate_website.py < prospect.json ```
### Step 3: Preview Open the generated file in browser: ```bash open .tmp/website_*.html ```
## Outputs - `.tmp/website_{company_slug}.html` — Self-contained HTML file, viewable in any browser - All CSS is inline, images are external URLs (Unsplash)
## Environment - `UNSPLASH_ACCESS_KEY` in `.env` — Required for stock photos. Get free key at https://unsplash.com/developers - If no key is set, falls back to curated placeholder images from picsum.photos - Google OAuth credentials (token.json / credentials.json) for Sheets access
## Design System - **Font**: Inter (Google Fonts CDN) - **Colors**: Off-white `#F2EFE6`, Black `#000`, White `#FFF`, Terracotta `#C38133` - **Typography**: Bold uppercase display (72-100px), section heads (36-48px), body (16-18px) - **Layout**: Full-viewport hero, 2-col about, 3-col services grid, 2x2 gallery - **Buttons**: Bordered, uppercase, letter-spaced
## Edge Cases - Missing columns: Script uses sensible defaults (e.g., "Welcome" if no description) - No Unsplash key: Falls back to picsum.photos placeholder images - Long company names: CSS handles wrapping with responsive font sizing - Special characters: HTML-escaped in output
---
## Schema
### Inputs | Name | Type | Required | Description | |------|------|----------|-------------| | `sheet_url` | string | Yes | Google Sheet URL with prospect data | | `row` | integer | Yes | Row number (1-indexed, excluding header) | | `worksheet` | string | No | Worksheet name (default: first sheet) |
### Outputs | Name | Type | Description | |------|------|-------------| | `html_file` | file_path | Self-contained HTML file at .tmp/website_{slug}.html |
### Credentials | Name | Source | |------|--------| | `UNSPLASH_ACCESS_KEY` | .env (optional, falls back to picsum) |
### Composable With Skills that chain well with this one: `scrape-leads`, `gmaps-leads`
### Cost Free (Unsplash free tier)
Decision snapshot
recent repository activity
Audit
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the report before installing into production agents.
Growth loop
Scenario-led draft for design-website, ready for a manual X post.
design-website: Generate a premium mockup website for a prospect using the buildinamsterdam.com template styl... 16 stars https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x
Listing + install path for design-website: https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=x Install: npx skills add aiagentwithdhruv/skills --skill design-website
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This Registry indexed listing is attributed to aiagentwithdhruv but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website/audit)
[](https://www.openagentskill.com/skills/aiagentwithdhruv-design-website?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)aiagentwithdhruv
@aiagentwithdhruv
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Do not auto-install
mono-color
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. Always use this skill when the user asks for 单色海报、双色印刷、单色调视觉、蓝色/绿色孔版印刷、risograph、网点照片、复古或当代编辑排版、zine poster, monochrome editorial poster, duotone print, or asks to use the mono-color style. It uses an adaptive white, gray, or pale-beige substrate, no more than two printing inks, active negative space, terse human language, and strong serif/grotesk/mono typography without making retro styling the default or copying a source composition, wording, logo, or artwork. Produce both the final generation prompt and the generated raster image unless the user explicitly asks for prompt only.
1.9K StarsLast30days Skill
Research the last 30 days across Reddit, X, YouTube, Hacker News, Polymarket, GitHub, and the web, then synthesize a grounded brief for an AI agent.
61.0K StarsAcademic Research Skills
Academic Research Skills for Claude Code: research → write → review → revise → finalize
38.4K StarsGPT Researcher
Run autonomous deep research over web and local sources
28.0K StarsPermission surface
secrets or environment access, shell or command execution
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, shell or command execution
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, shell or command execution
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness
Permission surface
secrets or environment access, shell or command execution
Agent outcomes
No agent outcome data yet
Docs
Usable metadata, review docs
Risk summary
Install readiness