Log in
Agent skills

Agent Skills

Download ready-to-use agent skills for Claude Code, Cursor and other AI assistants. Skills for MockFlow via MCP to generate flowcharts, whiteboards, tables, diagrams and more.

Page 2 of 4 (Showing 50 skills)

Library

Skills your agent can use today.

Download a skill for Claude Code, Cursor or another assistant, and it draws on your MockFlow board through MCP.

Start exploring

Party Invitation A festive invitation for birthdays and celebrations with the guest of honour, date, place and RSVP. General Quote Card A simple, shareable graphic that puts one quote or testimonial in large type with the speaker's name below. General We're Hiring Post A friendly job announcement graphic with the role front and centre, a few key perks and how to apply. General Sale Promo Post A bright, eye catching sale or discount graphic with a huge offer, the product and a clear shop now button. General Event Poster A clear event poster or flyer with a bold title, one strong visual and the date, time and place easy to find. General Weekly Status Report Writes a project update as overall status, progress against goals, risks, decisions needed and next week's plan. General Blameless Postmortem Writes an incident review as summary, impact, timeline, causes and owned follow up actions without assigning blame. General Online Store Sitemap Maps an online shop from catalog to checkout, with account and customer service pages kept apart. General Topic Cluster Sitemap Plans a content heavy site as pillar pages, each with its own cluster of supporting articles. General Root Cause Tree Breaks a problem down into the causes behind it, layer by layer General Tailwind UI Style Screens Clean, modern web app and marketing wireframes in the Tailwind UI look General Multi-Region Site Sitemap Sitemaps for websites that serve several countries or languages, with one branch per locale General Taxonomy Builder Builds a structured classification tree to categorize any topic into a clear taxonomy General Software Release WBS A detailed work breakdown structure with standard phases for software releases General SaaS Product Sitemap Generates a structured website and application hierarchy for a Software-as-a-Service product. General WatchOS App Screens Compact, glanceable wireframes designed for Apple Watch and smartwatch interfaces. General Modern E-commerce Store High-conversion retail wireframes with product grids, filters, and shopping carts. General Android Native Screens Mobile app wireframes following standard Android Material design patterns and layouts. General iOS Native App Screens Generate standard iOS mobile app screens following Apple's interface guidelines. General Sales Pipeline Workflow Swimlane diagrams mapping sales processes across different roles and departments. General Franchise Location Planner Plots potential franchise sites, existing branches, and competitors on a map General Budget Planning Board Generates a categorized budget spreadsheet with planned vs. actual costs and variance calculations. General Mobile App Backend Architecture Cloud architecture diagrams tailored for mobile application backends with APIs, auth, and push notifications. General Product Video Storyboard Generates a sequential storyboard for a product demonstration or promotional video. General Project README Generator Generates a structured Markdown README file for software projects and repositories General Prototype - Bootstrap Design Design clean, responsive interfaces using Bootstrap components, grid layouts, utilities, and conventions. General Prototype - Tailwind CSS Design Create clean, responsive interfaces using Tailwind CSS utilities and modern design patterns. General Material Design 3 A design style following Google's Material You guidelines with tonal palettes and rounded components. General Shadcn UI Design Create clean, minimal SaaS dashboards using shadcn ui components and Tailwind CSS patterns. General Tailwind CSS Design Create clean, responsive interfaces using Tailwind CSS utilities and modern design patterns. General Bootstrap Design Design clean, responsive interfaces using Bootstrap components, grid layouts, utilities, and conventions. General Notion Workspace Wireframe Designs clean, document-first wireframes inspired by professional productivity wikis. General Hiring & Payroll Forecaster Predict company finance with parameters General Tactical Battle Planner Visualize any War strategy and tactics General Must-See Tourist Spots General Pain Point Discovery List paint points for a topic and conduct a poll Planning Algorithm Visualizer Visualize any algorithm as a flowchart General Industry Ecosystem Graph Maps the players in any market — companies, regulators, customers, suppliers — as a graph with relationship edges General Book Argument Graph User names a book, paper, or article. Generates a graph of the key ideas, arguments, and evidence nodes General Social Video Storyboard Storyboards a short-form video (Reels, TikTok, YouTube Shorts) for any topic — hook frame, content beats, and CTA. Media Podcast Episode Planner Frames a podcast episode as a visual storyboard: intro panel, segment panels, guest Q&A moments, and outro. Media 30-Day Habit Tracker Generates a month-view calendar pre-filled with daily habit targets for any goal. Planning Global Hotspot Map Plots where in the world something is concentrated — innovation hubs, cultural origins, risk zones, Brainstorm Metaphor & Analogy Map Generates creative analogies for any concept — great for writing, presentations, and teaching. Each branch is a different analogy domain (nature, sport, cooking…). Brainstorm Business Card Designer Design trendy exportable business cards with AI Media Troubleshooting Flowchart Find step by step solution to a problem with flowchart maker Diagrams Product Launch Workflow Map product launch workflows as swimlane diagrams General Client Onboarding Journey Map flows for any type of client onboarding Diagrams Earth Science Mapper Plot natural features in a map for learning Brainstorm Concept Knowledge Graph Convert data into a network graph of interconnected nodes Diagrams

Showing 50 of 156 skills

Get started

Connect your agent to MockFlow.

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.