Claude Code LogoVibe Coding Guide
MCP ServersSkills1000+Claude CodeClaude Cowork
MCP ServersSkills1000+Claude CodeClaude Cowork+ Submit MCP Serverbuy me a coffee Buy a Coffee

Claude Code & MCP Servers

Claude Code is an advanced AI coding assistant that helps developers code faster and more efficiently.
100 ways to use Claude Code features, along with a wealth of MCP services to help Computer Use AI and enhance efficiency.

buy me a coffee Buy a Coffee

Start

  • Skills Marketplace
  • skills.md
  • Anthropic Skills
  • What is Claude Code
  • What is Computer Use AI
  • What is Claude MCP Server
  • How to install Claude code
  • IDE Integrations & Tools
  • Claude Opus 4.1
  • Top Reddit Threads
  • Documentation

Recommended MCP

  • GitHub Integration MCP
  • Filesystem MCP
  • Figma Context MCP
  • AWS Services MCP
  • All MCP Servers

Blog

  • News
  • Tutorial
  • Development Blog
  • AI News
  • For Figma
  • Advanced Features

User-cases

  • System Integrator
  • Cloud Architect
  • Creative Designer
  • Product Manager
  • Operations Manager
  • Independent Developer

More

  • Github
  • Issues
  • Subscribe
  • Voice AI
  • TextFormat
  • Free markdown

© 2025 Vibecoding

Read skill.md to learn more about the skills available in Vibe coding.

Powered byMCP Servers

PolicyTerms

Creative Skills

Discover and use creative skills to extend Claude's capabilities

596 Creative Skills Available

All Categories

2689
Creative596Data665Document83Enterprise43Skill869Technical433
🎯

Daily Review

by Anthropic

Journaling partner that helps extract deeper meaning from daily logs. Use when the user wants to review their day, process logs into journal entries, or mentions "daily review".

art
Creative
🎯

Mermaid Diagrams

by Anthropic

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts,

artdesigncode
Creative
🎯

Supabase Postgres Best Practices

by Anthropic

Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.

designdata
CreativeMIT
🎯

Add Evidence Page

by Anthropic

Create new Evidence.dev dashboard page with charts and tables

art
Creative
🎯

Scientific Schematics

by Anthropic

Create publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Only regenerates if quality is below threshold for your document type. Specialized in neural network architectures, system diagrams, flowcharts, biological pathways, and complex scientific visualizations.

artdocument
CreativeMIT license
🎯

Neurokit2

by Anthropic

Comprehensive biosignal processing toolkit for analyzing physiological data including ECG, EEG, EDA, RSP, PPG, EMG, and EOG signals. Use this skill when processing cardiovascular signals, brain activity, electrodermal responses, respiratory patterns, muscle activity, or eye movements. Applicable for heart rate variability analysis, event-related potentials, complexity measures, autonomic nervous system assessment, psychophysiology research, and multi-modal physiological signal integration.

arttooldata
CreativeMIT license
🎯

Market Research Reports

by Anthropic

Generate comprehensive market research reports (50+ pages) in the style of top consulting firms (McKinsey, BCG, Gartner). Features professional LaTeX formatting, extensive visual generation with scientific-schematics and generate-image, deep integration with research-lookup for data gathering, and multi-framework strategic analysis including Porter Five Forces, PESTLE, SWOT, TAM/SAM/SOM, and BCG Matrix.

artdata
CreativeMIT license
🎯

Plotly

by Anthropic

Interactive visualization library. Use when you need hover info, zoom, pan, or web-embeddable charts. Best for dashboards, exploratory analysis, and presentations. For static publication figures use matplotlib or scientific-visualization.

art
CreativeMIT license
🎯

Geopandas

by Anthropic

Python library for working with geospatial vector data including shapefiles, GeoJSON, and GeoPackage files. Use when working with geographic data for spatial analysis, geometric operations, coordinate transformations, spatial joins, overlay operations, choropleth mapping, or any task involving reading/writing/analyzing vector geographic data. Supports PostGIS databases, interactive maps, and integration with matplotlib/folium/cartopy. Use for tasks like buffer analysis, spatial joins between dat

artdatacli
CreativeBSD-3-Clause license
🎯

Layerchart

by Anthropic

Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with unopinionated building blocks, motion primitives, and advanced interactions.

artdata
Creative
🎯

Research

by Anthropic

Research technical solutions, analyze architectures, gather requirements thoroughly. Use for technology evaluation, best practices research, solution design, scalability/security/maintainability analysis.

design
CreativeMIT
🎯

Market Sizing Analysis

by Anthropic

This skill should be used when the user asks to "calculate TAM", "determine SAM", "estimate SOM", "size the market", "calculate market opportunity", "what's the total addressable market", or requests market sizing analysis for a startup or business opportunity.

art
Creative
🎯

Datavis

by Anthropic

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic maps.

artdesignapi
Creative
🎯

Data Artist

by Anthropic

Create beautiful data visualizations with mathematical elegance, color theory, and narrative design - the "Data is Beautiful" aesthetic.

artdesigndata
Creative
🎯

Ux Researcher Designer

by Anthropic

design
Creative
🎯

Xlsx

by Anthropic

Use this skill when you need to create, manipulate, or analyze spreadsheets (.xlsx), work with formulas and charts, or perform data transformations.

artdata
Creative
🎯

Database Workflows

by Anthropic

Database workflows - schema design, migrations, query optimization. Use when designing schemas, reviewing migrations, optimizing queries, preventing N+1 problems, or working with ORMs like Prisma, Drizzle, and TypeORM.

designworkflowdata
Creative
🎯

Lumen Dashboards

by Anthropic

Master declarative, no-code data dashboards with Lumen YAML specifications. Use this skill when building standard data exploration dashboards, connecting multiple data sources (files, databases, APIs), creating interactive filters and cross-filtering, designing responsive layouts with indicators and charts, or enabling rapid dashboard prototyping without writing code.

artdesigncode
Creative
🎯

Diagramming

by Anthropic

Generate Excalidraw diagrams. Use when creating flowcharts, ER diagrams, sequence diagrams, block diagrams, or any .excalidraw files.

art
Creative
🎯

Plotly

by Anthropic

Plotly visualization patterns for statistical and scientific charts. Use when creating interactive visualizations, statistical plots (scatter, box, violin, heatmaps), UpSet plots for set intersections, network graphs, or exporting figures to HTML/PNG/PDF/SVG formats. Covers both Plotly Express (high-level) and Graph Objects (low-level) APIs.

artapi
Creative
🎯

Architecture Patterns

by Anthropic

Architecture design templates, mermaid diagrams, documentation patterns, and validation tools. Use when designing system architecture, creating architecture documentation, generating mermaid diagrams, documenting component relationships, designing data flows, planning deployments, creating API architectures, or when user mentions architecture diagrams, system design, mermaid, architecture documentation, or component design.

designdocumenttemplate
Creative
🎯

Signal Party

by Anthropic

Parallel metrics collection using G-6 SIGNAL. Deploy 6 probes to gather metrics from all sources for data-driven decisions.

artdata
Creative
🎯

Visualization

by Anthropic

Data visualization with OpenAlgo - candlestick charts, options payoff diagrams, P&L dashboards, and real-time Streamlit dashboards

artdata
Creative
🎯

Mermaid Diagrams

by Anthropic

Generate Mermaid diagrams (flowcharts, sequence, class, state, ER, C4, mindmaps, gitgraph). Use when asked to create diagrams, visualize processes, document architecture, or explain systems visually. Triggers include "diagram", "flowchart", "sequence diagram", "class diagram", "state diagram", "ER diagram", "C4", "mindmap", "gitgraph", "visualize", "draw".

artdocument
Creative
🎯

Hypothesis Testing

by Anthropic

Rigorous hypothesis testing process for data analysis - formulate hypotheses before looking at data, design tests, analyze systematically, interpret with skepticism

designtestingdata
Creative
🎯

Cleaning Data

by Anthropic

Systematic data quality remediation - detect duplicates/outliers/inconsistencies, design cleaning strategy, execute transformations, verify results (component skill for DataPeeker analysis sessions)

designdata
Creative
🎯

Mermaidjs V11

by Anthropic

Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.

artdocumentapi
Creative
🎯

Strategic Planning

by Anthropic

Use HtmlGraph analytics to make smart work prioritization decisions. Activate when recommending work, finding bottlenecks, assessing risks, or analyzing project impact.

art
Creative
🎯

Design Scalardb Analytics

by Anthropic

ScalarDB Analytics設計エージェント - ScalarDB Analyticsを使用した分析基盤の設計。Apache Sparkベースの分析クエリ、マルチDB横断分析を策定。/design-scalardb-analytics [対象パス] で呼び出し。

design
Creative
🎯

Data Analysis

by Anthropic

Analyze datasets, generate charts, and create summary reports. Use when the user needs to work with CSV, Excel, or other tabular data formats for analysis or visualization.

artdata
Creative
🎯

Activerecord Query Patterns

by Anthropic

Complete guide to ActiveRecord query optimization, associations, scopes, and PostgreSQL-specific patterns. Use this skill when writing database queries, designing model associations, creating migrations, optimizing query performance, or debugging N+1 queries and grouping errors.

designdata
Creative
🎯

Accessibility Contrast Audit

by Anthropic

[Design System] Quantitative accessibility audit for UI - contrast ratios, font sizes, tap targets, heading hierarchy. Use when (1) checking WCAG color contrast compliance, (2) auditing text sizes for readability, (3) validating touch/click target sizes, (4) reviewing heading structure and landmarks, (5) user asks to 'check accessibility', 'audit contrast', 'WCAG compliance', or 'a11y check'.

designcli
Creative
🎯

Nixtla Usage Optimizer

by Anthropic

Audits Nixtla library usage and recommends cost-effective routing strategies. Scans TimeGPT, StatsForecast, and MLForecast patterns, identifies cost optimization opportunities, generates comprehensive usage reports, and suggests smart routing between models. Activates when user needs cost optimization, API usage audit, routing strategy design, or Nixtla cost reduction.

artdesignapi
CreativeMIT
🎯

Database

by Anthropic

Database design, SQL queries, migrations, and optimization. Activate for PostgreSQL, MySQL, SQLite, schema design, queries, indexes, and data modeling.

designdata
Creative
🎯

Analyzing Research Documents

by Anthropic

Extracts high-value insights from research documents, RCAs, design docs, and memos - filters aggressively to return only actionable information. Research equivalent of analyzing-implementations skill.

designdocument
Creative
🎯

Direct Spend Visualizer

by Anthropic

Visualize FeedMob direct spend data as ASCII line charts. Use this skill when users request to view, display, chart, or visualize direct spend metrics for one or more click URL IDs. Trigger when users ask to "show direct spend," "visualize spend data," "chart the spending," or similar requests involving FeedMob direct spend visualization.

artdatacli
Creative
🎯

Datafusion Query Advisor

by Anthropic

Reviews SQL queries and DataFrame operations for optimization opportunities including predicate pushdown, partition pruning, column projection, and join ordering. Activates when users write DataFusion queries or experience slow query performance.

artdata
Creative
🎯

Html Visualization

by Anthropic

Create interactive HTML visualizations for any concept - technical documentation, business processes, tutorials, architecture diagrams, or educational content. Supports multiple formats (long-page, slideshow, dashboard, infographic) with Mermaid diagrams, syntax highlighting, and responsive design. Use when user requests visual documentation, presentations, learning materials, or disposable HTML documents. Triggers include "create visualization", "HTML document", "presentation", "onboarding guid

designdocument
Creative
🎯

Dst Visualization

by Anthropic

Create interactive Chart.js visualizations for DST data analysis. Use when generating charts, creating visual reports, building dashboards, or displaying trends from database tables.

artdata
Creative
🎯

D3Js Visualization

by Anthropic

Professional data visualization creation using D3.js with support for interactive charts, custom visualizations, animations, and responsive design. Use for: (1) Creating custom interactive charts, (2) Building dashboards, (3) Network/graph visualizations, (4) Geographic data mapping, (5) Time series analysis, (6) Real-time data visualization, (7) Complex multi-dimensional data displays

artdesigndata
Creative
PreviousPage 8 of 15Next