skills.rest
jesuscottage
jesuscottageCOMMUNITY
Explore all skills by this author →
GitHub

design-website

Generate customized HTML website mockups from Google Sheets prospect data.

1|Updated Apr 7, 2026
Search Tags:#automation#HTML#website#mockup#client pitch
One-click install
npx skills add https://github.com/jesuscottage/machote --skill design-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-website
Source: https://github.com/jesuscottage/machote/tree/main/.claude/skills/design-website
Command: npx skills add https://github.com/jesuscottage/machote --skill design-website

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gspread, dotenv, requests, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of quickly producing high-quality, customized website mockups for client pitches and branding presentations.

Core Features & Use Cases

  • Automated Website Generation: Converts prospect data from Google Sheets into a polished HTML mockup matching a specified aesthetic style.
  • Data Integration: Pulls business details, images, and owner info to customize each design dynamically.
  • Use Case: A marketing agency inputs client data into a sheet and generates a tailored website mockup for pitch meetings with a single command.

Quick Start

Use the design-website skill to generate a website for a new prospect by providing their data in a Google Sheet and running the generation script.

Frequently Asked Questions about design-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate website mockup generation for client pitches?▼

Automating website mockup generation for client pitches involves pulling prospect data from Google Sheets to dynamically assemble customized, media-rich HTML pages using Python and image APIs.

Can I use Google Sheets data to create customized HTML pages automatically?▼

Yes, you can use Google Sheets data to create customized HTML pages by leveraging the Google Sheets API to integrate business details, owner info, and images into a dynamically generated website mockup.

Do I need Python to generate prospect websites from spreadsheet data?▼

Yes, you need Python to run the generation scripts that query the Google Sheets API and image APIs to assemble the prospect website mockups.

What is the best way to build media-rich HTML pages for marketing presentations?▼

The best way to build media-rich HTML pages for marketing presentations is to programmatically fetch business details and images, matching a specified aesthetic style to produce a polished design mockup.

Does automated website generation work for rapid client presentations?▼

Automated website generation works for rapid client presentations by converting prospect data into a professional, visually appealing HTML mockup with a single command, streamlining the branding pitch process.

Related Skills

Explore More Design & Creative Skills→
ezjonlineezjonline
1

design-website

Generate a single-page website mockup from Google Sheets prospect data.

Community
Advanced
tuyoogametuyoogame
124

HTML可视化

Generate interactive self-contained HTML visualizations with inline CSS and JavaScript.

Official
Intermediate
smarocsmaroc
1

google-ai-images

Generate images with Google Gemini and Imagen models via the Google AI API.

Community
Intermediate
wodsmithwodsmith
2

drag-and-drop

Implement drag-and-drop interactions for sortable lists and kanban boards.

Official
Advanced