{
  "markdown": "# Awesome Agent Skills\n\nA curated collection of skills for Claude Code and other AI agents. Skills are reusable workflows that help agents perform complex tasks more effectively.\n\n[中文说明](./README_CN.md) | English\n\n## What are Skills?\n\nSkills are specialized prompts and workflows that extend AI agents' capabilities. They provide:\n- **Structured workflows** for complex tasks\n- **Best practices** codified into reusable patterns\n- **Domain expertise** in specific areas\n- **Consistency** across similar tasks\n\n## Quick Links\n\n- 📚 [**Claude Official Skills**](./official-skills/README.md) - Creative, Development, Enterprise & Meta Skills\n- 🌟 [**Community Skills**](#community-skills) - Framework Docs, Web Performance, i18n & Deployment\n- 🎓 [**How to Use**](#how-to-use-skills) - Installation and usage guide\n- 🤝 [**Contributing**](#contributing) - Submit your own skills\n\n## Claude Official Skills\n\nOfficial skills provided by Anthropic for Claude Code. Includes Creative & Design, Development & Technical, Enterprise & Communication, Document Skills, Meta Skills, and Notion Skills.\n\n**[📚 View All Official Skills →](./official-skills/README.md)**\n\n### Highlights\n\n- 🎨 **Creative**: Algorithmic Art, Canvas Design, Slack GIF Creator\n- 💻 **Development**: Artifacts Builder, MCP Builder, Webapp Testing\n- 🏢 **Enterprise**: Brand Guidelines, Internal Comms, Theme Factory\n- 📄 **Documents**: DOCX, PDF, PPTX, XLSX manipulation\n- 🔧 **Meta**: Skill Creator, Template Skill\n- 📝 **Notion**: Meeting Intelligence, Research & Documentation, Knowledge Capture, Spec to Implementation\n\n## Community Skills\n\n### Framework Documentation\n\nSkills providing comprehensive documentation for popular frameworks and tools.\n\n#### [Shipany Docs](./shipany)\n\nComplete documentation reference for Shipany AI-powered SaaS boilerplate framework.\n\n**Use when:**\n- Building SaaS applications with Shipany template\n- Configuring Next.js 15 + Drizzle ORM + NextAuth\n- Integrating payment systems (Stripe/Creem)\n- Setting up multi-language SaaS applications\n- Implementing AI features in SaaS products\n\n**Features:**\n- 228 pages of comprehensive documentation\n- Database configuration with Drizzle ORM\n- Authentication system (Google/GitHub)\n- Payment integration (Stripe/Creem)\n- Email service (Resend)\n- AI integrations (OpenAI, Replicate, Kling AI)\n- Internationalization (next-intl)\n- SEO optimization\n- Cloud storage configuration\n- User management & admin dashboard\n- Blog system with CMS\n\n**Coverage:**\n- 📚 11 categorized topics (572KB total)\n- 🚀 Getting Started & Configuration\n- 💾 Database & ORM\n- 🔐 Authentication & Authorization\n- 💳 Payment Processing\n- 📧 Email Services\n- 🤖 AI Integration (Image/Video/Text Generation)\n- 🌍 Internationalization\n- 🔍 SEO & Analytics\n- 📦 Cloud Storage\n- 👥 User Console & Admin System\n- 📝 Blog & CMS\n\n**Tech Stack:** Next.js 15, TypeScript, Drizzle ORM, NextAuth, Stripe, Resend\n\n[View Skill →](./shipany)\n\n---\n\n### Web Performance & SEO\n\nSkills for optimizing website performance, accessibility, and search engine rankings.\n\n#### [Web Accessibility - Contrast Audit Fix](./web-performance-seo)\n\nDiagnoses and fixes PageSpeed Insights accessibility \"!\" errors caused by color-contrast audit failures.\n\n**Use when:**\n- PageSpeed Insights shows \"!\" instead of Accessibility score\n- color-contrast audit reports errors or incomplete\n- Need to fix `getImageData` canvas errors\n- Improving WCAG 2.1 compliance\n\n**Features:**\n- 5-step systematic fix workflow\n- Quick 5-minute emergency fix\n- Comprehensive diagnostic commands\n- OKLCH → HSL color space conversion\n- CSS filter removal guidelines\n- Opacity threshold optimization\n- WCAG 2.1 contrast standards\n- Pre/post deployment verification\n\n**Impact:**\n- ✅ Accessibility score: \"!\" → 85-100\n- ✅ Improved SEO rankings\n- ✅ Better user experience\n- ✅ Legal compliance (ADA, WCAG 2.1)\n\n**Tech Stack:** Next.js, React, Tailwind CSS, Lighthouse, axe-core\n\n[View Skill →](./web-performance-seo)\n\n---\n\n### Internationalization & Deployment\n\nSkills for adding multi-language support and deploying web applications.\n\n#### [Internationalizing Websites](./internationalizing-websites)\n\nAdds multi-language support to Next.js websites with proper SEO configuration.\n\n**Use when:**\n- Adding new language versions to existing website\n- Setting up i18n for new website\n- Configuring SEO for multiple languages\n- Optimizing for international markets\n\n**Features:**\n- Automated language file generation\n- SEO-optimized hreflang tags\n- Localized sitemaps\n- Language-specific content management\n- Support for 15+ languages\n\n**Tech Stack:** Next.js, next-intl\n\n[View Skill →](./internationalizing-websites)\n\n---\n\n#### [Deploying to Production](./deploying-to-production)\n\nAutomates GitHub repository creation and Vercel deployment for Next.js websites.\n\n**Use when:**\n- Deploying new websites to production\n- Setting up CI/CD pipelines\n- Configuring GitHub + Vercel integration\n- Going live with your application\n\n**Features:**\n- Automated GitHub repository creation\n- One-command Vercel deployment\n- Pre-deployment validation checklist\n- Post-deployment verification\n- Comprehensive troubleshooting guide\n\n**Tech Stack:** GitHub CLI, Vercel CLI, Next.js\n\n[View Skill →](./deploying-to-production)\n\n---\n\n## How to Use Skills\n\n### In Claude Code\n\n1. **Copy the skill** to your project's `.claude/skills/` directory\n2. **Reference in prompts** by mentioning the skill name\n3. Claude will **automatically expand** the skill's workflow\n\n### As Standalone Reference\n\nSkills can also be used as:\n- **Documentation** for best practices\n- **Checklists** for manual execution\n- **Templates** for creating your own workflows\n\n## Contributing\n\nWe welcome contributions! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.\n\n### Quick Start\n\n1. Fork this repository\n2. Add your skill in a new directory\n3. Follow the [skill template structure](./CONTRIBUTING.md#skill-structure)\n4. Submit a pull request\n\n### What Makes a Good Skill?\n\n- ✅ Solves a specific, well-defined problem\n- ✅ Includes clear usage instructions\n- ✅ Provides actionable workflows\n- ✅ Is well-documented and tested\n- ✅ Follows best practices\n\n## License\n\nThis repository is licensed under the MIT License. See [LICENSE](./LICENSE) for details.\n\nIndividual skills may have their own licenses - please check each skill's directory.\n\n## Acknowledgments\n\n- Thanks to [Anthropic](https://www.anthropic.com/) for creating Claude and the skills framework\n- Thanks to all contributors who share their skills with the community\n\n---\n\n**Star ⭐ this repo** if you find these skills useful!\n\n**Share your skills** by submitting a PR - let's build an amazing collection together!\n",
  "bytes": 6697,
  "sha": "2ff236c67f1ac721ee67604def6eb8a997d0abfeb6fa1cbde84a846fb40d9e4e",
  "repo_slug": "littleben/awesomeagentskills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_littleben_awesomeagentskills_data_deploy_59aa6432/readme"
}