skills.rest
deomiarn
deomiarnCOMMUNITY
Explore all skills by this author →
GitHub

website-builder

Generate a Markdown sitemap with page structure and pnpm commands.

5|Updated Oct 31, 2025
Search Tags:#marketing#landing page#web design#sitemap#shadcn ui#website builder#SEO optimization
One-click install
npx skills add https://github.com/deomiarn/claude-setup-template --skill website-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: website-builder
Source: https://github.com/deomiarn/claude-setup-template/tree/main/.claude/skills/website-builder
Command: npx skills add https://github.com/deomiarn/claude-setup-template --skill website-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sitemap-analyst agent, shadcn-ui-blocks skill, shadcn-ui-theme skill, shadcn-website-builder agent, WebFetch.

What problem does it solve?

This Skill eliminates the manual, multi-step process of creating SEO-optimized websites. It orchestrates everything from initial keyword research and sitemap planning to component selection, theme application, and final SEO integration, saving you significant time and reducing complexity.

Core Features & Use Cases

  • Full Workflow Orchestration: Manages SEO analysis, sitemap generation, UI component selection, theme application, and technical SEO integration.
  • SEO-First Design: Ensures your website is built with search engine best practices from the ground up, including meta tags, structured data, and content optimization.
  • Component-Based Building: Leverages Shadcn UI blocks and themes for rapid, consistent, and responsive web design.
  • Use Case: You need a new marketing website for your startup. Instead of hiring multiple specialists, use this skill to orchestrate the entire build, ensuring it's visually appealing, responsive, and optimized to rank on Google, all with a single prompt.

Quick Start

Use the website-builder skill to create a new marketing website for my SaaS product, optimized for SEO.

Frequently Asked Questions about website-builder

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

FAQPage Schema
How do I create an SEO-optimized website sitemap and architecture plan?▼

This Skill generates a complete website sitemap with page structure, selected shadcn-ui-blocks components, internal linking strategy, and copy-paste pnpm commands. It orchestrates keyword research, sitemap planning, and component selection to ensure your site is built with search engine best practices from the ground up.

Can I use shadcn UI components to build a marketing website with this tool?▼

Yes. The Skill leverages shadcn-ui-blocks and shadcn-ui-theme to deliver rapid, consistent, responsive web design. It selects specific components with reasoning and applies themes automatically, producing a Markdown sitemap with ready-to-copy pnpm installation commands.

What's included in the website planning output?▼

The output delivers a Markdown sitemap containing page structure, chosen shadcn-ui-blocks with justification, internal linking strategy for SEO, and executable pnpm commands. This eliminates manual planning steps and ensures consistent component selection across your site.

Do I need to handle keyword research and SEO analysis separately?▼

No. The Skill orchestrates the full workflow including SEO analysis, sitemap generation, UI component selection, theme application, and technical SEO integration. It delegates to the sitemap-analyst agent to handle keyword research and planning automatically.

How does this approach differ from manual website design?▼

Manual design requires coordinating multiple specialists for SEO, sitemap planning, component selection, and theme application. This Skill automates the entire orchestration in a single workflow, ensuring visual appeal, responsiveness, and Google ranking optimization without hiring multiple roles.

What happens after I get the sitemap—can I deploy immediately?▼

The Skill produces a deployment-ready Markdown sitemap with copy-paste pnpm commands for component installation. You have the architecture, components, linking strategy, and installation steps; next steps typically involve theme customization, content population, and technical SEO validation.

Related Skills

Explore More Marketing & Sales Skills→
deepakbunkardeepakbunkar

blog-brief

Create SEO-optimized blog briefs with outlines, internal linking, and distribution plans.

Community
Advanced
jubalmjubalm
1

shadcn/ui Customization & Theming

Configure CSS variable-based theming for shadcn/ui components with Tailwind.

Community
Advanced
zircotezircote
3

ui-styling

Compose accessible UI with shadcn/ui components and Tailwind utilities.

Community
Advanced
mahg-esmahg-es
3

static-site-generate

Generate static websites from Markdown into deployable HTML with CI workflows.

Official
Intermediate