すべての Agent Skills

20 個のプロダクション対応 Claude Code と AI エージェント Skills を閲覧

絞り込み:すべてのカテゴリCreative & DesignDevelopment & TechnicalEnterprise & CommunicationMeta SkillsDocument SkillsNotion SkillsFramework DocumentationWeb Performance & SEOInternationalization & Deployment

All AuthorsClaude 公式コミュニティ

Showing 20 of 20 skills

Algorithmic Art

Claude Official

Generates artistic visuals using p5.js with randomization, flow fields, and particle effects.

使用場面: Creating procedural art, generative designs, or visual experiments

DesignCreativep5.js

Skill を見る

Canvas Design

Claude Official

Produces professional visual artwork in PNG and PDF formats leveraging design principles.

使用場面: Creating marketing materials, social media graphics, or visual content

DesignGraphicsMarketing

Skill を見る

Slack GIF Creator

Claude Official

Produces animated GIFs optimized for Slack's size requirements.

使用場面: Creating animations for team communication or social media

AnimationGIFSlack

Skill を見る

Artifacts Builder

Claude Official

Constructs complex interactive interfaces using React, Tailwind CSS, and shadcn/ui.

使用場面: Building rich web interfaces, dashboards, or interactive components

ReactUIDevelopment

Skill を見る

MCP Builder

Claude Official

Provides guidance for creating high-quality MCP (Model Context Protocol) servers to connect external APIs.

使用場面: Integrating third-party services, building custom API connectors

MCPAPIIntegration

Skill を見る

Webapp Testing

Claude Official

Tests local web applications using Playwright for UI verification and quality assurance.

使用場面: Automating web application testing, validating UI behavior

TestingPlaywrightQA

Skill を見る

Brand Guidelines

Claude Official

Applies Anthropic's official design system to artifacts for brand consistency.

使用場面: Creating branded materials, ensuring design consistency

BrandingDesignEnterprise

Skill を見る

Internal Comms

Claude Official

Drafts organizational communications like reports, newsletters, and announcements.

使用場面: Writing internal documentation, team updates, or company-wide communications

WritingEnterpriseCommunication

Skill を見る

Theme Factory

Claude Official

Applies professional themes to artifacts or generates custom design systems.

使用場面: Styling applications, creating design systems

DesignThemingCSS

Skill を見る

Skill Creator

Claude Official

Teaches best practices for developing effective skills for Claude.

使用場面: Building new skills, learning skill development patterns

MetaLearningBest Practice

Skill を見る

Template Skill

Claude Official

Provides a starter template for new skill creation with proper structure.

使用場面: Starting a new skill from scratch or learning the skill format

MetaTemplateStarter

Skill を見る

Document Skills Suite

Claude Official

A collection of skills for manipulating various document formats (DOCX, PDF, PPTX, XLSX).

使用場面: Working with Office documents, automating document generation

DocumentsOfficeAutomation

Skill を見る

Meeting Intelligence

Claude Official

Prepares meeting materials by gathering context from Notion, enriching with Claude research, and creating both an internal pre-read and external agenda saved to Notion.

使用場面: Arriving prepared with comprehensive background and structured meeting docs

NotionMeetingsProductivity

Skill を見る

Research & Documentation

Claude Official

Searches across your Notion workspace, synthesizes findings from multiple pages, and creates comprehensive research documentation saved as new Notion pages.

使用場面: Turning scattered information into structured reports with proper citations and actionable insights

NotionResearchDocumentation

Skill を見る

Knowledge Capture

Claude Official

Turns discussions into durable knowledge in Notion. Captures insights and decisions from chat, formats them clearly, and files them to the right wiki or database with smart linking.

使用場面: Converting conversations into organized, searchable knowledge base entries

NotionKnowledge ManagementDocumentation

Skill を見る

Spec to Implementation

Claude Official

Turns product or tech specs into concrete Notion tasks that Claude Code can implement. Breaks down spec pages into detailed implementation plans with clear tasks, acceptance criteria, and progress tracking.

使用場面: Guiding development from requirements to completion with structured task management

NotionDevelopmentProject Management

Skill を見る

Shipany Docs

Ben

Complete documentation reference for Shipany AI-powered SaaS boilerplate framework covering Next.js 15, Drizzle ORM, NextAuth, Stripe, and AI integrations.

使用場面: Building SaaS applications, configuring payment systems, implementing AI features, setting up i18n

Next.jsSaaSDrizzleStripeAI

Skill を見る

Web Accessibility - Contrast Audit Fix

Ben

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

使用場面: Fixing "!" accessibility scores, improving WCAG 2.1 compliance

SEOAccessibilityPerformance

Skill を見る

Internationalizing Websites

Ben

Adds multi-language support to Next.js websites with proper SEO configuration including hreflang tags.

使用場面: Adding new languages, setting up i18n, optimizing for international SEO

i18nSEONext.js

Skill を見る

Deploying to Production

Ben

Automates GitHub repository creation and Vercel deployment for Next.js websites.

使用場面: Deploying new websites, setting up CI/CD pipelines, going live

DeploymentVercelDevOps

Skill を見る