google-official-seo-guide

Skills are specialized prompts and workflows that extend AI agents' capabilities. They provide:

• Structured workflows for complex tasks
• Best practices codified into reusable patterns
• Domain expertise in specific areas
• Consistency across similar tasks

• 📚 [Claude Official Skills](./official-skills/README.md) - Creative, Development, Enterprise & Meta Skills
• 🌟 [Community Skills](#community-skills) - Framework Docs, Web Performance, i18n & Deployment
• 🎓 [How to Use](#how-to-use-skills) - Installation and usage guide
• 🤝 [Contributing](#contributing) - Submit your own skills

Official skills provided by Anthropic for Claude Code. Includes Creative & Design, Development & Technical, Enterprise & Communication, Document Skills, Meta Skills, and Notion Skills.

[📚 View All Official Skills →](./official-skills/README.md)

Highlights

• 🎨 Creative: Algorithmic Art, Canvas Design, Slack GIF Creator
• 💻 Development: Artifacts Builder, MCP Builder, Webapp Testing
• 🏢 Enterprise: Brand Guidelines, Internal Comms, Theme Factory
• 📄 Documents: DOCX, PDF, PPTX, XLSX manipulation
• 🔧 Meta: Skill Creator, Template Skill
• 📝 Notion: Meeting Intelligence, Research & Documentation, Knowledge Capture, Spec to Implementation

Framework Documentation

Skills providing comprehensive documentation for popular frameworks and tools.

#### [Shipany Docs](./shipany)

Complete documentation reference for Shipany AI-powered SaaS boilerplate framework.

Use when:

• Building SaaS applications with Shipany template
• Configuring Next.js 15 + Drizzle ORM + NextAuth
• Integrating payment systems (Stripe/Creem)
• Setting up multi-language SaaS applications
• Implementing AI features in SaaS products

Features:

• 228 pages of comprehensive documentation
• Database configuration with Drizzle ORM
• Authentication system (Google/GitHub)
• Payment integration (Stripe/Creem)
• Email service (Resend)
• AI integrations (OpenAI, Replicate, Kling AI)
• Internationalization (next-intl)
• SEO optimization
• Cloud storage configuration
• User management & admin dashboard
• Blog system with CMS

Coverage:

• 📚 11 categorized topics (572KB total)
• 🚀 Getting Started & Configuration
• 💾 Database & ORM
• 🔐 Authentication & Authorization
• 💳 Payment Processing
• 📧 Email Services
• 🤖 AI Integration (Image/Video/Text Generation)
• 🌍 Internationalization
• 🔍 SEO & Analytics
• 📦 Cloud Storage
• 👥 User Console & Admin System
• 📝 Blog & CMS

Tech Stack: Next.js 15, TypeScript, Drizzle ORM, NextAuth, Stripe, Resend

[View Skill →](./shipany)

---

Web Performance & SEO

Skills for optimizing website performance, accessibility, and search engine rankings.

#### [Web Accessibility - Contrast Audit Fix](./web-performance-seo)

Diagnoses and fixes PageSpeed Insights accessibility "!" errors caused by color-contrast audit failures.

Use when:

• PageSpeed Insights shows "!" instead of Accessibility score
• color-contrast audit reports errors or incomplete
• Need to fix getImageData canvas errors
• Improving WCAG 2.1 compliance

Features:

• 5-step systematic fix workflow
• Quick 5-minute emergency fix
• Comprehensive diagnostic commands
• OKLCH → HSL color space conversion
• CSS filter removal guidelines
• Opacity threshold optimization
• WCAG 2.1 contrast standards
• Pre/post deployment verification

Impact:

• ✅ Accessibility score: "!" → 85-100
• ✅ Improved SEO rankings
• ✅ Better user experience
• ✅ Legal compliance (ADA, WCAG 2.1)

Tech Stack: Next.js, React, Tailwind CSS, Lighthouse, axe-core

[View Skill →](./web-performance-seo)

---

Internationalization