skills.rest
Ritik-Sharma1
Ritik-Sharma1COMMUNITY
Explore all skills by this author →
WebsiteGitHub

build-a-website

Orchestrates end-to-end website development from business intelligence prompts.

1|Updated Apr 9, 2026
Search Tags:#frontend#qa#orchestration#website#tailwind#seo#gsap
One-click install
npx skills add https://github.com/Ritik-Sharma1/custom-frontend-ai-skills --skill build-a-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-a-website
Source: https://github.com/Ritik-Sharma1/custom-frontend-ai-skills/tree/main/build-a-website
Command: npx skills add https://github.com/Ritik-Sharma1/custom-frontend-ai-skills --skill build-a-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a complete, end-to-end workflow for designing, developing, testing, and deploying a premium multi-page website from business intelligence prompts and UI/UX directives.

Core Features & Use Cases

  • End-to-end project orchestration across discovery, design thinking, code scaffolding, routing, QA, and deployment.
  • Integrates SEO auditing, local SEO signals, and UI/UX guidelines to deliver production-grade sites.
  • Use case: A team needs a production-ready marketing site from a business brief, with responsive design, performance budgets, and accessibility checks.

Quick Start

Create a complete production website from the business brief, bootstrap React with Vite, apply Tailwind and GSAP, run full QA, and prepare for deployment.

Frequently Asked Questions about build-a-website

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

FAQPage Schema
How do I orchestrate end-to-end website development from a business brief?▼

End-to-end website orchestration automates the pipeline from business intelligence prompts to deployment, covering discovery, design thinking, code scaffolding, routing, QA, and production launch.

What is included in a production-grade multi-page website build?▼

A production-grade website build includes responsive routing, accessibility checks, performance budgets, local SEO schema, 3D form inputs, and GSAP animations to ensure premium quality.

Can I use Tailwind and GSAP for frontend engineering in an automated website pipeline?▼

Yes, this automated website pipeline applies Tailwind for styling and GSAP for animations during frontend engineering, ensuring UI/UX guidelines are met alongside enforced performance budgets.

How do I run SEO auditing and QA checks before deploying a marketing site?▼

SEO auditing and QA checks are integrated directly into the orchestration pipeline, validating local SEO signals and enforcing accessibility requirements before final deployment.

Does this website orchestration workflow require React and Vite setup beforehand?▼

No, the workflow bootstraps React with Vite internally during code scaffolding, applying Tailwind and GSAP automatically without requiring prior manual framework configuration.

What's the best way to build a premium marketing site with strict performance budgets?▼

Orchestrating a premium website end-to-end ensures strict performance budgets are met by integrating design thinking, frontend engineering, and automated QA testing from initial brief to deployment.

Related Skills

Explore More Software Engineering Skills→
Ritik-Sharma1Ritik-Sharma1

final-website-refiner

Refine React/JSX code into brand-aligned sites deployed to Cloudflare Pages.

Community
Advanced
chiruu12chiruu12
1

canary

Monitor production apps for errors and regressions after deployment.

Community
Advanced
batdorj-sbatdorj-s

gpt-taste

Generate webpage design plans with Python layout variance, AIDA structure, and GSAP motion.

Community
Advanced
AJV009AJV009
1

migrate-site

Coordinate sub-agents to migrate an external multi-page site to Drupal CMS.

Community
Advanced