General Agent Skills

Ready-to-use agent skills for Claude Code, Cursor and other AI assistants.

Page 2 of 3 (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

Tailwind CSS Screens Hi-fi modern SaaS screens in the clean Tailwind CSS look: generous whitespace, soft cards and crisp typography. General shadcn/ui Screens Hi-fi minimal app screens in the shadcn/ui style: neutral greys, thin borders, compact components and clear type. General Ant Design Screens Hi-fi enterprise admin screens in the Ant Design style: dense tables, filter bars, forms and breadcrumbs. General Atlassian Style Screens Hi-fi team collaboration screens in the style of the Atlassian Design System: boards, issue views and work lists. General Chakra UI Screens Hi-fi web app screens in the style of Chakra UI: friendly rounded components, soft spacing and clear forms. General Bootstrap Screens Hi-fi web screens in the familiar Bootstrap 5 style: navbar, cards, forms, tables and buttons on a responsive grid. General SaaS Landing Page A classic product landing page from hero to footer: benefits, how it works, social proof, pricing and a final call to action. General Analytics Dashboard A dense app dashboard with sidebar navigation, key metric cards, trend charts and a recent activity table. General Restaurant Menu A tidy printable menu with clear sections, dish names, short descriptions and right aligned prices. General YouTube Thumbnail A high contrast video thumbnail with a big face or subject, three to five punchy words and one bright highlight. General 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 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 Product Launch Workflow Map product launch workflows as swimlane diagrams General Meme Maker Create editable memes for social media General

Showing 50 of 115 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
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. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL, then click Connect and sign in to MockFlow: https://app.mockflow.com/ideaboard/connector/mcp
3
Ask Claude to create a flowchart — done!

ChatGPT or no account: no login needed, use https://app.mockflow.com/ideaboard/mcp

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.