skills.rest
TylerSimons1127
TylerSimons1127COMMUNITY
Explore all skills by this author →
GitHub

premium-site-redesign

Redesigns websites as single HTML files with AI-generated imagery and GitHub Pages deployment.

Updated Aug 21, 2026
Search Tags:#html#deployment#landing page#design tokens#AI image generation#GitHub Pages#website redesign
One-click install
npx skills add https://github.com/TylerSimons1127/vibe --skill premium-site-redesign-tylersimons1127
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: premium-site-redesign
Source: https://github.com/TylerSimons1127/vibe/tree/main/skills/web-dev/premium-site-redesign
Command: npx skills add https://github.com/TylerSimons1127/vibe --skill premium-site-redesign-tylersimons1127

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Redesigning an existing website into a polished single-file HTML page requires extracting all original content, planning a design token system, generating imagery, verifying rendering, and deploying — a long multi-step process that is easy to get wrong or leave incomplete. ## Core Features & Use Cases - Inspiration and content extraction: Fetches a reference site's HTML/CSS via curl to pull design tokens, type scale, radii, and motion, while preserving every piece of original copy, email, and link from the target site. - AI image generation: Generates themed hero imagery through Google AI Studio (Nano Banana / gemini-3.1-flash-lite-image) driven via computer_use, with Cloudflare FLUX as fallback. - Headless verification and deploy: Verifies structure, links, and copy with Chrome headless DOM dumps and screenshots, then deploys to GitHub Pages using the gh CLI and confirms the live URL returns HTTP 200. - Use Case: Ask to redesign a small business site like baumanapps.com into a premium landing page inspired by a reference design, and receive a deployed GitHub Pages link with AI-generated imagery and all original contact info intact. ## Quick Start Redesign my website into a premium single-page site inspired by this reference design and deploy it to GitHub Pages so I can share the link.

Frequently Asked Questions about premium-site-redesign

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

FAQPage Schema
How do I redesign a website into a single HTML file?▼

Extract the reference site's design tokens and all original content via curl, plan a token system (palette, type, radii, motion), then build a self-contained index.html with assets. Verify with Chrome headless and deploy to GitHub Pages with the gh CLI.

How to deploy a static site to GitHub Pages from the command line?▼

Run git init and commit, then use gh repo create with --public --source . --push, and enable Pages via gh api POST to /repos/<u>/<r>/pages with the branch and path. Poll the pages endpoint until status is built, then curl the live URL to confirm HTTP 200.

How do I generate images with Google AI Studio Nano Banana?▼

Open aistudio.google.com in Chrome via computer_use, select the Nano Banana model (gemini-3.1-flash-lite-image), set Images only mode, type the prompt, and click the Run button rather than Enter. Download the rendered PNG from the lightbox and copy it into the project assets folder.

Can I verify a website's rendering without vision tools?▼

Yes, use Chrome headless with --dump-dom to confirm the page parses and grep for headings, links, and copy, and --screenshot to produce a render artifact for user review. Do not use javascript: URLs in the address bar, as Chrome treats them as search queries.

Why does gh auth status report an invalid token but commands still work?▼

The gh auth status check can report an invalid token while gh api user and gh repo create still succeed. Do not trust the status check alone; test an actual write operation to confirm authentication works.

Related Skills

Explore More Design & Creative Skills→
BEIRUXBEIRUX

site-replicator

Clone live websites into local runnable Vite projects with assets and design tokens.

Official
Advanced
TECH-HYTECH-HY

sandbox-ui-iteration

Iterates on website UI through sandbox-only deploys, visual QA, and rollback-friendly checkpoints.

Official
Intermediate
DagimAlemayehuuDagimAlemayehuu

impeccable

Designs, audits, and refines production-grade frontend interfaces through structured sub-commands.

Community
Advanced
funsaizedfunsaized
1

vercel-react-view-transitions

Coordinate native view transitions across React and Next.js routes.

Community
Advanced