VibeCoding-a-Website

Audit my website | Check my site's health | Review my WordPress site | Analyze Squarespace site | Audit Wix site | Check my custom site | Website SEO audit | Mobile-friendly check | Site speed check | Security audit | UX review | Accessibility check | Content audit | Copywriting review | Find problems with my site | How's my site doing | Score my website | What's wrong with my site | Site performance review | Is my site secure

Welcome to VibeCoding! This skill sets up your website-building environment and walks you through two paths: the recommended quick-start for new GitHub/Vercel users, or a preview-first path where you see your site before going live. Trigger phrases: getting started, new project, start from scratch, set up VibeCoding, first time, how do I begin, let's build a website, I want to create a site, help me start, initialize project, first steps, setup guide, onboarding, getting set up

Conduct a brand discovery interview, collect visual assets, and build a living brand bible that all other VibeCoding skills reference. Triggers on "brand voice," "brand guidelines," "tone of voice," "messaging," "logo," "brand colors," "brand identity," "style guide," "brand assets," "how should my site sound," "brand consistency," "update my brand," "brand bible," "brand kit," "visual identity," "typography," "color palette," "tagline," "mission statement," "value proposition." Also monitors for requests from other skills that need brand context (copy-editor needs tone, site-generator needs colors/fonts, ux-reviewer needs consistency checks).

Code quality auditor for VibeCoding-a-Website. Detects JavaScript errors, console warnings, API failures, HTML validation issues, CSS problems, and dependency vulnerabilities. Trigger on "JavaScript errors", "console errors", "code review", "fix my code", "optimize JavaScript", "site has bugs", "API not working", "form isn't submitting", "scripts not loading", "code quality", "technical debt", "refactor", "dependencies", "npm audit", "build errors", or "Vite config".

Evaluate website copy for persuasiveness, conversion optimization, and strategic messaging. Trigger on "improve my copy", "make it more compelling", "website text isn't converting", "headline isn't working", "CTA optimization", "landing page copy", "rewrite my homepage", "copy review", "messaging strategy", "value proposition", "persuasive writing", "conversion copy", "copywriting review", "weak headlines", "copy audit", or "sales page copy".

Comprehensive quality assurance testing for websites — the holistic "does this site actually work?" check. Triggers on phrases like "test my site", "QA check", "does everything work", "quality check", "smoke test", "test before launch", "site not working", "check all pages", "broken pages", "test forms", "check mobile", "cross-browser", "regression test", or "broken links".

Comprehensive security audit for VibeCoding sites. Triggers on "security check", "is my site secure", "API key exposed", "vulnerability", "security audit", "hacked", "password", "SSL", "HTTPS", "security headers", "XSS", "CSRF", "secrets", "data breach", ".env file", "privacy policy", "GDPR", "cookie consent". Scans for exposed API keys, dependency vulnerabilities, missing security headers, HTTPS issues, XSS/CSRF vulnerabilities, and privacy compliance. Non-developers building with third-party APIs need this.

Comprehensive SEO and Answer Engine Optimization (AEO) auditor. Use when analyzing: SEO audit, search ranking, Google ranking, keywords, structured data, schema markup, AEO, AI search, answer engines, get found on Google, improve search ranking, local SEO, competitor SEO, keyword research, content gaps, rich snippets, Core Web Vitals SEO, featured snippets, voice search optimization.

The starting point for every VibeCoding website project. Collects your brand identity, voice, visual aesthetic, messaging goals, and assets (logos, colors, fonts), then customizes all downstream skills to match your vision. Run this FIRST before any other skill. Use whenever someone says 'start a new site', 'set up my project', 'configure my brand', 'customize skills', 'brand setup', 'I want to build a website', 'new website project', 'get started', 'set up VibeCoding', or any time brand context is missing from other skills. Also use when updating brand elements mid-project — colors changed, new logo, revised messaging, new tagline.

Evaluate website usability and user experience — catch navigation problems, confusing layouts, and design issues that make sites harder to use. Trigger on "hard to navigate", "confusing layout", "UX review", "user experience", "usability", "make it easier to use", "navigation issues", "users can't find", "improve the flow", "design review", "mobile experience", "is my site easy to use", "information architecture".

The site orchestration layer and project manager for your website. Triggers when you need end-to-end site management: running a pre-launch review, checking everything before going live, coordinating all audits, running a full site quality check, a pre-launch checklist, monthly maintenance, emergency fixes, or asking 'is my site ready?', 'run all the audits', 'webmaster mode', 'full site review', 'site health check', 'production ready?', or similar. Knows about and coordinates all other skills in the VibeCoding-a-Website project.

Create, edit, and audit presentations according to the AIOS Presentation Quality Protocol (PQP). Use this skill whenever the user requests a presentation for MarketingProfs, Peripety Labs, or demands high-stakes professional slides with the "AIOS" or "Agentic" aesthetic. Covers both dark-mode (online presentations) and white-background (AIOS official curriculum) variants. Also use when fixing broken logos, duplicate elements, inconsistent whitespace, footer text, or chart clarity issues in existing AIOS decks.

Transforms brand guidelines into optimized image prompts for Manus + Nano Banana, covering hero images, backgrounds, icons, OG images, and more.

Conducts a structured interview with users to gather comprehensive website requirements and outputs a site-brief.json that all other skills consume.