website-builder

Automate SEO-optimized website creation with sitemap generation and shadcn UI components.

Updated Nov 6, 2025
One-click install
npx skills add https://github.com/Manuelvillarvieites/local-studios-website --skill website-builder-manuelvillarvieites
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: website-builder
Source: https://github.com/Manuelvillarvieites/local-studios-website/tree/main/.claude/skills/website-builder
Command: npx skills add https://github.com/Manuelvillarvieites/local-studios-website --skill website-builder-manuelvillarvieites

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Building a complete, SEO-optimized website is complex and time-consuming, requiring coordination of SEO research, sitemap planning, UI component selection, theme application, and technical SEO. This skill automates and orchestrates this entire multi-step process, saving you countless hours and ensuring a high-quality, search-engine-friendly outcome.

Core Features & Use Cases

  • Full Workflow Orchestration: Manages SEO analysis, sitemap generation, UI component integration (shadcn), theme application, and comprehensive SEO optimization.
  • SEO-First Design: Ensures your website is built with search engine best practices from the ground up, including meta tags, structured data, and performance.
  • Use Case: Imagine you need a new marketing website for your SaaS product. You can use this skill to automatically generate the site, complete with keyword research, a logical sitemap, responsive Shadcn UI components, and all necessary technical SEO configurations.

Quick Start

Use the website-builder skill to create a new marketing website for my startup, focusing on SEO for 'AI automation tools'.

Frequently Asked Questions about website-builder

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

FAQPage Schema
How do I build an SEO-optimized website without manual keyword research and sitemap planning?

SEO-optimized website creation automates keyword research, sitemap generation, and technical SEO configuration end-to-end. This skill orchestrates the entire workflow—from SEO analysis through component selection and content optimization—eliminating manual coordination and ensuring search-engine best practices are built in from the start.

Can I use shadcn UI components to build a responsive website with automatic theme application?

Yes. This skill integrates shadcn-ui-blocks and shadcn-ui-theme to map components and apply themes automatically. It selects responsive UI components and applies consistent theming throughout your site, reducing design overhead while maintaining visual coherence.

What's the best way to generate a sitemap and structured data for a new marketing website?

Sitemap generation and structured data integration are automated as part of the SEO-optimized website creation workflow. The skill analyzes site architecture, generates logical sitemaps, and embeds metadata and structured data for search engine visibility and accessibility verification.

How do I ensure my website meets accessibility and performance requirements during the build process?

Accessibility and performance verification are integrated into the automated workflow. The skill validates these requirements alongside SEO optimization, meta tag configuration, and content structuring, ensuring your site meets technical standards before deployment.

Do I need to know web design and technical SEO to create a professional website?

No. This skill automates the coordination of SEO research, UI component selection, theming, and technical configuration. You provide the business context and keywords; the skill handles design decisions, SEO best practices, and multi-step orchestration automatically.

Can this workflow generate a complete website for a SaaS product with industry-specific landing pages?

Yes. The skill orchestrates end-to-end website creation for landing pages, web interfaces, and full site architectures. It applies SEO analysis and sitemap planning to your specific use case, generating a market-ready site with responsive components and optimized content structure.