WebDevPeterGriffinCommunity·19 Agent Skills Included

The-VibeCode-Bible

Vibe coding lessons, workflows, and bundled development skills

Teaches practical AI-assisted web development through 40+ lessons covering setup, workflows, local models, and agentic engineering. Bundles 1,300+ ready-to-use skills for SEO audits, UI design, GSAP animation, and code quality, plus 10 executable workflows for reviews, debugging, and deployments. Eliminates scattered notes and generic output by giving your coding assistant permanent project context and tested patterns.

38|2

↗

npx skills add WebDevPeterGriffin/The-VibeCode-Bible --all -g -y

Available:

Instructs your AI agent to act as a senior Next.js and TypeScript architect, enforcing strict typing, Tailwind styling, dark-mode-first design, and automatic routing to the bundled SEO, design, and workflow sub-skills.

All Skills in This Repository (19)

Pure Emerald Level Indicators

📦 In Repo

WebDevPeterGriffin

ui-ux-pro-max

Generate UI/UX design system recommendations for web and mobile interfaces.

seo-plan

Generate a strategic SEO planning document with competitive analysis and phased roadmap.

seo-competitor-pages

Generate SEO-optimized competitor comparison pages with structured sections and schema markup.

seo-technical

Diagnose crawlability, indexability, security, and Core Web Vitals issues.

seo-audit

Crawl websites and generate prioritized SEO audit action plans.

seo-google

Combine PageSpeed Insights lab metrics with Chrome UX Report field data for SEO workflows.

seo-images

Analyze webpage images for SEO and performance issues.

seo-hreflang

Validate and generate hreflang tags for HTML, headers, or XML sitemaps.

seo-local

Generate local SEO audits from business URLs with schema and citation checks.

seo-sitemap

Validate and generate standards-compliant XML sitemaps for websites.

seo-content

Evaluate web page content for E-E-A-T, readability, and AI citation readiness.

seo-maps

Analyze local map rankings and generate audit reports with DataForSEO.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install The-VibeCode-Bible?▼

Run `npx skills add WebDevPeterGriffin/The-VibeCode-Bible --all -g -y` in your terminal to install all bundled skills globally.

What is The VibeCode Bible?▼

It is a free knowledge base of 40+ lessons on building SaaS products with AI coding assistants, bundled with 1,300+ ready-to-use skills and 10 executable workflows.

What skills are bundled in this repository?▼

It includes CursorRules for many frameworks, a full SEO audit suite, GSAP animation patterns, a UI/UX design intelligence skill, and code quality skills for testing and typing.

Does it work with Claude Code and Cursor?▼

Yes. All skills follow the open SKILL.md standard and run in Claude Code, Cursor, and other compatible coding assistants.

Can beginners use The VibeCode Bible?▼

Yes. The lessons start with basic setup and workflows, and the bundled skills let your assistant handle technical execution from plain-English requests.