# Claude Skills > Claude Skills examples, templates, and guides: real agent skills from the official anthropics/skills repository (MIT), explained page by page with full SKILL.md breakdowns so you can learn, adapt, and build your own. Full text of every page: http://www.claudeskills.org/llms-full.txt ## Skill examples - [Claude Skills Examples (index)](http://www.claudeskills.org/docs/skills-cases): Browse all documented skills - [Algorithmic Art Skill - Generative Art with Claude](http://www.claudeskills.org/docs/skills-cases/algorithmic-art): How the Algorithmic Art skill guides Claude through seeded randomness, flow fields, and p5.js sketches - full SKILL.md breakdown. - [Web Artifacts Builder - Claude Skill for React Artifacts](http://www.claudeskills.org/docs/skills-cases/artifacts-builder): How the Web Artifacts Builder skill bundles React and Tailwind into single-file HTML artifacts with shadcn components - full skill walkthrough. - [Brand Guidelines Skill - Keep Claude Output On-Brand](http://www.claudeskills.org/docs/skills-cases/brand-guidelines): How the Brand Guidelines skill locks Claude's colors, typography, and voice to your brand system - full SKILL.md walkthrough with reuse tips. - [Canvas Design Skill - Posters & Visual Art with Claude](http://www.claudeskills.org/docs/skills-cases/canvas-design): The Canvas Design skill turns Claude into a poster and visual-art designer with layout philosophy and PDF/PNG output - full walkthrough. - [Claude API Skill - API Reference Guidance for Claude](http://www.claudeskills.org/docs/skills-cases/claude-api): The Claude API skill keeps model IDs, pricing, and SDK patterns at Claude's fingertips - see the reference skill inside. - [Doc Co-Authoring Skill - Draft Documents with Claude](http://www.claudeskills.org/docs/skills-cases/doc-coauthoring): How the Doc Co-Authoring skill structures Claude's drafting workflow: outlines, revisions, and collaborative editing - full breakdown. - [Docx Skill - Create & Edit Word Documents with Claude](http://www.claudeskills.org/docs/skills-cases/docx): The Docx skill lets Claude create, edit, and format Word documents: headings, tables of contents, tracked changes, and templates - see how the skill works inside. - [Frontend Design Skill - Better UI Code from Claude](http://www.claudeskills.org/docs/skills-cases/frontend-design): How the Frontend Design skill pushes Claude toward production-grade UI: design tokens, spacing systems, and distinctive layouts - full breakdown. - [Internal Comms Skill - Status Updates & Memos with Claude](http://www.claudeskills.org/docs/skills-cases/internal-comms): The Internal Comms skill formats Claude's writing for status reports, incident updates, and leadership memos - see how it works. - [MCP Builder - Claude Skill for Building MCP Servers](http://www.claudeskills.org/docs/skills-cases/mcp-builder): How the MCP Builder skill helps Claude scaffold Model Context Protocol servers, define tools, and write evaluation suites - with the full SKILL.md explained. - [PDF Skill - Fill, Extract & Generate PDFs with Claude](http://www.claudeskills.org/docs/skills-cases/pdf): The PDF skill gives Claude form filling, text and table extraction, merging, and generation - see the full SKILL.md and when Claude triggers it. - [Pptx Skill - Create PowerPoint Decks with Claude](http://www.claudeskills.org/docs/skills-cases/pptx): How the Pptx skill lets Claude build and edit PowerPoint presentations: layouts, speaker notes, and slide generation - full skill breakdown. - [Skill Creator - The Claude Skill That Builds Skills](http://www.claudeskills.org/docs/skills-cases/skill-creator): How the Skill Creator skill helps Claude scaffold new agent skills: interviews, structure, and packaging - the meta-skill explained. - [Slack GIF Creator Skill - Custom GIFs with Claude](http://www.claudeskills.org/docs/skills-cases/slack-gif-creator): How the Slack GIF Creator skill generates reaction GIFs sized for Slack with animation presets - full skill walkthrough. - [Claude Skill Template - Structure & Boilerplate Explained](http://www.claudeskills.org/docs/skills-cases/template-skill): A reusable Claude skill template: SKILL.md structure, frontmatter, trigger description, and resources - copy it to build your own agent skill. - [Theme Factory - Claude Skill for Artifact Themes](http://www.claudeskills.org/docs/skills-cases/theme-factory): The Theme Factory skill applies polished visual themes to Claude artifacts: palettes, fonts, and styling presets - see how it works inside. - [Webapp Testing Skill - Browser Testing with Claude](http://www.claudeskills.org/docs/skills-cases/webapp-testing): The Webapp Testing skill lets Claude drive a browser with Playwright: click flows, screenshots, and debugging - full SKILL.md explained. - [Xlsx Skill - Build & Analyze Spreadsheets with Claude](http://www.claudeskills.org/docs/skills-cases/xlsx): The Xlsx skill covers spreadsheet creation, formulas, formatting, and data analysis in Claude - see exactly how the skill is written and triggered. ## Other docs - [Best practices](http://www.claudeskills.org/docs/agent-skills/best-practices): Write concise, reliable Agent Skills for Claude. - [Overview](http://www.claudeskills.org/docs/agent-skills/overview): Understand Claude's Agent Skills architecture and benefits. - [Quickstart](http://www.claudeskills.org/docs/agent-skills/quickstart): Create documents with Claude Agent Skills using the API. - [Comparisons](http://www.claudeskills.org/docs/comparisons): How is Fumadocs different from other existing frameworks? - [Components](http://www.claudeskills.org/docs/components): Additional components to improve your docs - [Accordion](http://www.claudeskills.org/docs/components/accordion): Add Accordions to your documentation - [Banner](http://www.claudeskills.org/docs/components/banner): Add a banner to your site - [Code Block (Dynamic)](http://www.claudeskills.org/docs/components/dynamic-codeblock): A codeblock that also highlights code - [Files](http://www.claudeskills.org/docs/components/files): Display file structure in your documentation - [GitHub Info](http://www.claudeskills.org/docs/components/github-info): Display your GitHub repository information - [Zoomable Image](http://www.claudeskills.org/docs/components/image-zoom): Allow zoom-in images in your documentation - [Inline TOC](http://www.claudeskills.org/docs/components/inline-toc): Add Inline TOC into your documentation - [Root Toggle](http://www.claudeskills.org/docs/components/root-toggle): Switch between page trees - [Steps](http://www.claudeskills.org/docs/components/steps): Adding steps to your docs - [Tabs](http://www.claudeskills.org/docs/components/tabs): - [Type Table](http://www.claudeskills.org/docs/components/type-table): A table for documenting types - [Overview](http://www.claudeskills.org/docs/customisation): An overview of Fumadocs UI - [Internationalization](http://www.claudeskills.org/docs/internationalization): Support multiple languages in your documentation - [Docs Layout](http://www.claudeskills.org/docs/layouts/docs): The layout of documentation - [Home Layout](http://www.claudeskills.org/docs/layouts/home-layout): Shared layout for other pages - [Notebook](http://www.claudeskills.org/docs/layouts/notebook): A more compact version of Docs Layout - [Docs Page](http://www.claudeskills.org/docs/layouts/page): A page in your documentation - [Root Provider](http://www.claudeskills.org/docs/layouts/root-provider): The context provider of Fumadocs UI. - [Manual Installation](http://www.claudeskills.org/docs/manual-installation): Create a new fumadocs project from scratch. - [Markdown](http://www.claudeskills.org/docs/markdown): How to write documents - [MDX](http://www.claudeskills.org/docs/mdx): Default MDX Components - [Callout](http://www.claudeskills.org/docs/mdx/callout): Add callout to your docs - [Card](http://www.claudeskills.org/docs/mdx/card): Use the Card component in your MDX documentation - [Code Block](http://www.claudeskills.org/docs/mdx/codeblock): Adding code blocks to your docs - [Heading](http://www.claudeskills.org/docs/mdx/heading): Heading components for your MDX documentation - [Search](http://www.claudeskills.org/docs/search): Implement document search in your docs - [Claude Skills Examples - 19 Real Agent Skills Explained](http://www.claudeskills.org/docs/skills-cases): Browse real Claude Skills examples with full SKILL.md breakdowns: PDF, Word, PowerPoint, MCP Builder, brand guidelines, and more - learn how each one works and reuse it. - [Static Export](http://www.claudeskills.org/docs/static-export): Enable static export with Fumadocs - [Themes](http://www.claudeskills.org/docs/theme): Add Theme to Fumadocs UI - [What is Fumadocs](http://www.claudeskills.org/docs/what-is-fumadocs): Introducing Fumadocs, a docs framework that you can break.