skills.rest
Prestonigo
PrestonigoCOMMUNITY
Explore all skills by this author →
GitHub

12k-site-builder

Assemble a website build brief from client and competitor research.

Updated Aug 27, 2026
Search Tags:#competitor-analysis#UX-design#build-brief#website-build#brand-research#client-website
One-click install
npx skills add https://github.com/Prestonigo/Claude-Skills --skill 12k-site-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: 12k-site-builder
Source: https://github.com/Prestonigo/Claude-Skills/tree/main/Website%20Builder
Command: npx skills add https://github.com/Prestonigo/Claude-Skills --skill 12k-site-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps agencies and product teams quickly assemble a complete, phase-driven website build brief by researching a client brand and top competitors, then turning insights into a production plan.

Core Features & Use Cases

  • Phase-driven research to inform design direction, messaging, and content strategy
  • Master build brief creation including site architecture, content framework, and conversion playbook
  • Client-ready deliverables for proposals, handoffs, and audits

Quick Start

Initiate a client-brand and competitor research pass and generate the master website-build brief in one go.

Frequently Asked Questions about 12k-site-builder

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

FAQPage Schema
How do I create a website build brief from competitor research?▼

A website build brief is generated by researching client brand and competitor design patterns, then assembling the insights into a phased plan. It outputs a client-ready brief, audit artifacts, and lead-magnet materials.

What is included in a phase-driven website build brief?▼

A phase-driven website build brief includes site architecture, a content framework, and a conversion playbook. It aligns with a no-framework HTML/CSS/JS build and provides a production-ready site strategy and QA checklist.

Can I use this approach for a no-framework HTML CSS JS website build?▼

Yes, the generated strategy explicitly aligns with a no-framework HTML, CSS, and JS website build. It delivers a production-ready site architecture and QA checklist tailored for custom scroll-animated sites.

How do I analyze competitor design patterns for a client website?▼

To analyze competitor design patterns, research the market landscape and top competitors to extract branding insights and UX strategies. These findings directly inform the site's design direction and content framework.

Do I need a specific framework to deliver premium scroll-animated sites?▼

No framework is needed, as the strategy targets a no-framework HTML, CSS, and JS build. It provides a production-ready approach to assemble premium scroll-animated client sites without external dependencies.

What is the best way to structure client deliverables for a website proposal?▼

The best way to structure client deliverables for a website proposal is to provide a client-ready build brief, audit artifacts, and lead-magnet materials. These components translate phase-driven research directly into a handoff-ready format.

Related Skills

Explore More Design & Creative Skills→
jubscodesjubscodes
49

gsp-brand-research

Research market landscape and competitive positioning for a brand.

Community
Advanced
deomiarndeomiarn

animation-library

Implement UI animations with Framer Motion, CSS, and scroll-triggered effects.

Community
Intermediate
elihuvillarauselihuvillaraus
2

ux-architect

Generate CSS design systems and layout frameworks for web development projects.

Community
Advanced
o-pedrosiqueirao-pedrosiqueira

css-effects

Provide a curated catalog of CSS/JS visual effects with ready-to-copy HTML, CSS, and optional JS snippets.

Community
Intermediate