MCPAgent Skills

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

Page 1 of 2 (Showing 50 skills)

Start exploring

WireframePro skill Slack Block Kit Interface Design screens that mimic the Slack desktop client using standard Block Kit components Design WireframePro skill Creative Workspace Canvas A clean, vibrant, and functional design inspired by the Canva web application interface. Design WireframePro skill Terminal Console Style A high-contrast command-line interface aesthetic with monospaced typography Design WireframePro skill Anthropic Style A clean, academic-inspired design with a warm neutral palette and sophisticated typography. Design IdeaBoard skill Pain Point Discovery List paint points for a topic and conduct a poll Planning WireframePro skill Soft Pastel Theme A gentle and modern design system using soft pastel tones and rounded components. Design WireframePro skill Apple TV Design Style Screens styled like the tvOS interface for large-screen living room applications Design WireframePro skill Tailwind Dark Mode A professional dark UI inspired by the Tailwind CSS color palette and spacing system. Design WireframePro skill Neumorphic Mobile UI A soft, tactile design style using light and shadow to create extruded plastic-like surfaces for mobile. Design WireframePro skill Salesforce Lightning Design System Professional enterprise UI following the Salesforce Lightning Design System (SLDS) guidelines Design WireframePro skill SAP Fiori Enterprise Style Enterprise-grade layouts based on SAP Fiori design principles for business applications Design WireframePro skill Sketchy Wireframe UI Generate low-fidelity, sketch-style wireframes that mimic hand-drawn UI layouts. Focuses on structure, layout blocks, and rough UI representation similar to whiteboard or pencil sketches. Design WireframePro skill Sci-Fi Cinematic UI A high-contrast, data-heavy interface style inspired by futuristic movie displays. Design WireframePro skill Retro Skeuomorphic Mac Aqua A nostalgic design system inspired by early 2000s desktop operating systems with glossy buttons and pinstripe textures. Design WireframePro skill VisionOS Spatial Style Screens styled with the glassmorphism and rounded aesthetics of Apple visionOS Design WireframePro skill Outline Wireframe UI A clean, high-contrast wireframe style using distinct outlines and a grayscale palette. Design WireframePro skill Apple watchOS Style Screens designed for the Apple Watch interface with high-contrast dark backgrounds and rounded elements. Design IdeaBoard skill Algorithm Visualizer Visualize any algorithm as a flowchart General WireframePro skill Automotive HMI Infotainment High-contrast, dark-mode screens designed for in-car infotainment systems and EV displays. Design WireframePro skill Retro Windows 98 A classic 90s desktop aesthetic with gray bevels and pixel-perfect borders Design WireframePro skill Bootstrap 5 Classic Standard web layouts using the iconic Bootstrap 5 framework aesthetic Design IdeaBoard skill Industry Ecosystem Graph Maps the players in any market — companies, regulators, customers, suppliers — as a graph with relationship edges General IdeaBoard skill Book Argument Graph User names a book, paper, or article. Generates a graph of the key ideas, arguments, and evidence nodes General IdeaBoard skill Social Video Storyboard Storyboards a short-form video (Reels, TikTok, YouTube Shorts) for any topic — hook frame, content beats, and CTA. Media IdeaBoard skill Podcast Episode Planner Frames a podcast episode as a visual storyboard: intro panel, segment panels, guest Q&A moments, and outro. Media IdeaBoard skill 30-Day Habit Tracker Generates a month-view calendar pre-filled with daily habit targets for any goal. Planning IdeaBoard skill Global Hotspot Map Plots where in the world something is concentrated — innovation hubs, cultural origins, risk zones, Brainstorm IdeaBoard skill 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 WireframePro skill Accessible WCAG-First A high-contrast, clear layout designed for maximum readability and accessibility compliance. Design WireframePro skill Shadcn UI Style Clean, accessible, and modern UI based on the popular Radix and Tailwind CSS design system Design WireframePro skill Windows Fluent UI Professional screens based on the Microsoft Fluent 2 design system Design WireframePro skill Wireframe Blueprint Style A technical architectural look with blueprints blue and white drafting lines Design WireframePro skill Cyberpunk Retro UI A high-contrast dark interface featuring neon accents and retro-futuristic digital displays. Design WireframePro skill Material 3 Design System Clean, functional layouts following Google's Material 3 design language with tonal palettes and rounded shapes. Design WireframePro skill Tailwind CSS Default Theme Clean, modern interfaces using the default Tailwind CSS color palette and spacing system. Design WireframePro skill Apple Liquid Glass Premium iOS style featuring soft gradients, high-gloss surfaces, and rounded glass elements Design IdeaBoard skill Business Card Designer Design trendy exportable business cards with AI Media IdeaBoard skill Troubleshooting Flowchart Find step by step solution to a problem with flowchart maker Diagrams IdeaBoard skill Product Launch Workflow Map product launch workflows as swimlane diagrams General IdeaBoard skill Client Onboarding Journey Map flows for any type of client onboarding Diagrams IdeaBoard skill Earth Science Mapper Plot natural features in a map for learning Brainstorm IdeaBoard skill Concept Knowledge Graph Convert data into a network graph of interconnected nodes Diagrams IdeaBoard skill Meme Maker Create editable memes for social media General IdeaBoard skill Marketing Campaign Rollout Launch timeline for any product Planning IdeaBoard skill Historical Event Timeline Convert any historic event into a timeline visualization General IdeaBoard skill Vocabulary Builder Learn terms for any topic, easily build your vocabulary General IdeaBoard skill Emoji Decision Flowchart Represent decisions and process with just emojis Diagrams IdeaBoard skill Brand Identity Board Generate a brand style guide based on your business Brainstorm IdeaBoard skill Meeting Prep & Etiquette Prepare a checklist for any meeting type Planning IdeaBoard skill Kids storybook generator Generate short stories for children with images Media

Showing 50 of 98 skills

Close Icon
     
Don't have an account? Sign up

OR

google login
Sign in with SSO