website-build

Solid

Build or rebuild a production marketing website — discovery, stack and provider selection, then the build. Use when asked to create, rebuild, migrate or redesign a website for a business, or when migrating off WordPress, Elementor, Bricks, Divi, WPBakery, Webflow, Squarespace, Wix or Shopify. Also use when asked whether a site meets WCAG, ADA, the EAA, Section 508 or AODA, or to audit or fix its accessibility. Covers Astro, Next.js and SvelteKit on Cloudflare Workers, with forms, lead storage, transactional email, SEO parity, accessibility compliance and local business setup.

Web & Frontend 28 stars 4 forks Updated today MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
49
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Website build A complete method for shipping a production marketing site: discovery → stack and provider decisions → build → verify against the deployed thing → hand over. Distilled from real rebuilds. Every trap in `references/traps.md` failed **silently** on one of them — clean build, clean types, clean deploy, wrong result. ## When this applies Building or rebuilding a marketing site for a business: landing pages, local services, multi-location, professional services, product/SaaS marketing, corporate, editorial or portfolio. Page shape for each in `references/archetypes.md`. **Not** for e-commerce storefronts or application work with authentication and per-user state. For a client who has a store, build the marketing surface and leave checkout where it is — `archetypes.md` §E-commerce has the four situations and what to do in each. ## How to run it ### 1. Get the source, then recon before asking anything else **First question, on its own: is there anything to import?** URL, repo, export, designs, copy doc — or nothing. It forks everything after it, and clients forget to mention a site they have. `references/kickoff.md` Round 0. Given one, **investigate before asking anything else** and come back with three things. If the stack is the default, fetch the template now rather than at build time — `npm run recon` does the mechanical half and writes the inventory every later step reads: ```bash npx degit nurkamol/website-build-kit/template . npm install && npm run ...

Details

Author
nurkamol
Repository
nurkamol/website-build-kit
Created
1 months ago
Last Updated
today
Language
JavaScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

master-website-engineering

Run a full professional website/app build as one team - recon, brief, section map, art direction, cinematic scroll-driven motion (particle/halftone assembly, pinned frame reveals, clip wipes, word lighting, horizontal galleries, stacking panels, path-draw timelines), engineering, security, testing, performance, accessibility, SEO, visual verification and an honest report. Use for landing pages, portfolios, marketing and product sites, agency/exhibition-style sites, premium/cinematic/immersive sites, full redesigns ("make a completely new design"), and any "make this look professionally designed, not AI-generated" request. Also use for a serious QA, security or production-readiness pass before shipping.

0 Updated 1 weeks ago
hyperdargo
Web & Frontend Listed

new-website

Orchestrates building a NEW website end-to-end, from insights to launch-ready and handoff-ready. Self-contained: it runs the stack decision interview, sequences the website-* skills + existing marketing skills in order, and scaffolds the project from its own templates/ (Astro starter overlay + full QA test suite + GDPR privacy draft + owner docs + permission allowlist), copying the bundled skill set into the project's skills dir (full copy list in §3) so the repo is self-contained for a third party. Default stack Astro → GitHub → Cloudflare Pages. Use at the very start of any new site. Trigger phrases: "new website", "start a new site", "scaffold a website", "spin up a site", "build a new website", "set up a new web project", "website starter", "which stack for this site".

4 Updated today
karero
Web & Frontend Featured

create-website

Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion. Orchestrates ten skills phase by phase - one-page-marketing, storybrand-messaging, made-to-stick, top-design, web-typography, refactoring-ui, ux-heuristics, cro-methodology, scorecard-marketing, steve-jobs-design-review - asking the user questions at every decision point and recording results in the project docs/ folder (POSITIONING.md, WEBSITE.md, CREATE-WEBSITE-PLAN.md) so the journey resumes across sessions. Use when the user wants to build a new website or landing page from scratch, turn a validated idea into a page that converts, or says 'build me a landing page for my SaaS'. Site already exists: use improve-website site-wide, conversion-optimization for one flow, or grow-website for traffic; building a software product, not a marketing site: create-app; no positioning yet: create-business first, or the positioning phase here. For one framework in isolation, invoke that skill directly.

2,264 Updated 2 weeks ago
wondelai