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
🎯

Ggterm Plot

by Anthropic

Create terminal data visualizations using Grammar of Graphics. Use when plotting data, creating charts, graphing, visualizing distributions, or when the user mentions plot, chart, graph, histogram, scatter, boxplot, or visualize.

artdata
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
🎯

Oxy App Builder

by Anthropic

Build and edit Oxy data app YAML files (*.app.yml) that visualize data through tasks and displays. Use when users ask to create dashboards, data apps, reports, or interactive analytics interfaces. Helps define SQL/workflow/agent tasks and render outputs as tables, charts, and markdown.

artworkflowdata
Creative
🎯

Dhis2 Visualizations

by Anthropic

Extract DHIS2 visualizations (favorites) metadata and data. Use for chart/table configurations, visualization data, or dashboard items. Routed via dhis2 skill for general DHIS2 requests.

artdata
Creative
🎯

Composable Svelte Charts

by Anthropic

Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations. Covers chart types (scatter, line, bar, area, histogram), data binding, state-driven updates, interactive features (zoom, brush, tooltips), and responsive design from @composable-svelte/charts package built with Observable Plot and D3.

artdesigntool
Creative
🎯

Bi Builder

by Anthropic

Build BI dashboards from databases. Use when creating dashboards, charts, or analytics pages with Next.js + shadcn/ui + Recharts + Prisma.

artdata
Creative
🎯

Baoyu Xhs Images

by Anthropic

Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".

art
Creative
🎯

Svg Illustrations

by Anthropic

Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.

design
Creative
🎯

Interactive Dashboard Builder

by Anthropic

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

art
Creative
🎯

Dashboard Builder

by Anthropic

Orchestrator for creating interactive HTML dashboards in OpenHexa. Use when users ask to create a dashboard, build a dashboard, make a visualization dashboard, display data in charts, or create visual reports. This skill coordinates the technical stack, data querying, maps, and branding skills to produce complete, professional dashboards.

artdata
Creative
🎯

Dashboard Technical Stack

by Anthropic

Technical implementation guide for dashboard components including GridStack (drag/resize), ECharts (charts), and Tailwind CSS (styling). Referenced by dashboard-builder skill. Do not use directly - use dashboard-builder instead.

art
Creative
🎯

Data Visualizer

by Anthropic

Creates charts, dashboards, and visual representations of data

artdata
Creative
🎯

Mviz

by Anthropic

A chart & report builder designed for use by AI.

artdesign
Creative
🎯

Data Visualization

by Anthropic

Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality figures, or applying design principles like accessibility and color theory.

artdesigndata
Creative
🎯

Plan Task

by Anthropic

Use Snipara's planning tools when the user asks you to implement a complex feature, refactor code, or tackle a multi-step task. Generate execution plans before starting work.

artcodetool
Creative
🎯

Openhexa Branding

by Anthropic

Brand guidelines for OpenHexa and Bluesquare visual identity. Use when creating dashboards, reports, HTML pages, charts, or any visual output that should follow OpenHexa/Bluesquare brand colors and styling. Provides a consistent 5-color palette (pink, blue, white, light pink, dark blue), logo assets, and styling guidelines for ECharts, Tailwind, and general web development.

artdevelopment
Creative
🎯

Example Chartjs

by Anthropic

Chart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.

artdata
Creative
🎯

Critical Thinking

by Anthropic

Activates when planning, code review, or any analytical task requires multi-perspective critical examination. Guides internal reasoning to identify hidden assumptions, logical gaps, and overlooked risks. Do NOT use for simple Q&A. Examples: 'Review this design plan', 'Evaluate this approach'.

designcode
Creative
🎯

Drawio Diagram Forge

by Anthropic

Generate draw.io editable diagrams (.drawio, .drawio.svg) from text, images, or Excel. Orchestrates 3-agent workflow (Analysis → Manifest → SVG generation) with quality gates. Use when creating architecture diagrams, flowcharts, sequence diagrams, or converting existing images to editable format. Supports Azure/AWS cloud icons.

artworkflow
CreativeCC BY-NC-SA 4.0
🎯

Product Discovery

by Anthropic

Expert product discovery guidance for user research and problem validation. Use when conducting user interviews, validating problems, applying jobs-to-be-done framework, sizing opportunities, customer segmentation, competitive analysis, prototype testing, usability testing, designing surveys, or synthesizing research insights. Covers discovery sprints, continuous discovery, and research operations.

designtesting
Creative
🎯

Vizual Analyst

by Anthropic

Generation of data structures for UI visualization (Charts, Maps, Heatmaps). Formats analytics into frontend-ready JSON.

artdata
Creative
🎯

Product Analyst

by Anthropic

Expert product analytics strategist for SaaS and digital products. Use when designing product metrics frameworks, funnel analysis, cohort retention, feature adoption tracking, A/B testing, experimentation design, data instrumentation, or product dashboards. Covers AARRR, HEART, behavioral analytics, and impact measurement.

artdesigntesting
Creative
🎯

Sales Ops Analyst

by Anthropic

Expert sales operations and analytics guidance for revenue teams. Use when designing CRM workflows, building sales dashboards, optimizing pipeline analytics, creating lead routing rules, designing territories, calculating commissions, managing data quality, building forecasting models, or integrating sales tech stack. Covers Salesforce, HubSpot, Outreach, Gong, and RevOps best practices.

designworkflowdata
Creative
🎯

Baoyu Xhs Images

by Anthropic

Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".

art
Creative
🎯

Customer Health Analyst

by Anthropic

Expert customer health scoring and analytics guidance. Use when designing health scores, building churn prediction models, analyzing usage metrics, identifying at-risk accounts, creating executive dashboards, or performing cohort analysis. Use for leading indicator development, customer data enrichment, risk escalation frameworks, and retention analytics.

designdevelopmentdata
Creative
🎯

Database Schema Architect

by Anthropic

Expert guidance for designing, optimizing, and maintaining database schemas for SQL and NoSQL systems. Use when creating new databases, optimizing existing schemas, planning migrations, implementing security policies, or ensuring GDPR compliance. Covers normalization, indexing, data types, relationships, performance optimization, and audit logging.

designdata
CreativeApache-2.0
🎯

Chart Visualization

by Anthropic

This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a Python script.

artdata
Creative
🎯

Table Filters

by Anthropic

Designs optimal filtering UX for data tables. Use when building a table that needs filters - analyzes the data columns and determines the best filter type for each. Outputs a unified filter field with inline header filters.

designdata
Creative
🎯

Report Visuals

by Anthropic

Creates Power BI reports and visuals in PBIR format. Use for pages, charts, tables, slicers, and visual configuration.

art
Creative
🎯

Plunker

by Anthropic

Create and manage Plunker (plnkr.co) examples for AG Charts. Use when working with plnkr.co URLs, creating shareable code demos, forking existing plunks, or troubleshooting Plunker structure issues.

artcode
Creative
🎯

Data Visualization

by Anthropic

Comprehensive data visualization skill covering visual execution and technical implementation. Includes perceptual foundations, chart selection, layout algorithms, and library guidance. Load on-demand when building charts, graphs, dashboards, or any visual data representation.

artdata
Creative
🎯

Data Journalism

by Anthropic

Data journalism workflows for analysis, visualization, and storytelling. Use when analyzing datasets, creating charts and maps, cleaning messy data, calculating statistics, or building data-driven stories. Essential for reporters, newsrooms, and researchers working with quantitative information.

artworkflowdata
Creative
🎯

Mermaid Design

by Anthropic

Generate and work with Mermaid diagrams for documenting system architecture, user flows, processes, and technical concepts across all types of projects. Use this skill when creating visual representations of code structures, workflows, API interactions, system designs, or business processes in any technology stack or domain.

designcodedocument
Creative
🎯

Query Api

by Anthropic

Use when working with Laminar's SQL Query API (/v1/sql/query): design SELECT-only ClickHouse queries, use parameters, authenticate with project API keys, and interpret response data from spans, traces, events, tags, datasets, and evaluations.

designapidata
Creative
🎯

Mermaid Diagrams

by Anthropic

Generate syntactically correct Mermaid diagrams. Use when creating flowcharts, sequence diagrams, state diagrams, ERDs, class diagrams, or any visual diagram in Mermaid format.

art
Creative
🎯

Notebooks Front End

by Anthropic

Use when editing docs/index.html, creating charts with Plot, adding SQL cells, loading data with FileAttachment, or building visualizations. Triggers on any editing of docs/index.html, Observable notebooks, or front-end visualization work.

artdata
Creative
PreviousPage 15 of 15