Agent skill
Apple Liquid Glass
Premium iOS style featuring soft gradients, high-gloss surfaces, and rounded glass elements
MCP tool render_wireframe ยท Output type Design
How to use
Set up the skill in three steps.
Connect the MockFlow WireframePro MCP server to your AI assistant, add the skill file, then ask for what you need.
Input examples
Copy
Describe a mobile screen (e.g. "a mobile smart home controller" or "a mobile fitness tracking dashboard")
1
Connect MCP server
Add MockFlow WireframePro MCP to your AI assistant:
Desktop MCP
Web MCP
claude mcp add --transport http -s user mockflow-wireframepro http://localhost:21194/mcp
Requires the MockFlow Desktop app running locally
npm install -g @mockflow/wireframepro-mcp && mockflow-wireframepro-mcp login && mockflow-wireframepro-mcp
Install the CLI, log in with your MockFlow account, then start the server
2
Install the skill
Download the SKILL.md file and place it in your skills directory:
~/.claude/skills/mockflow-apple-liquid-glass/SKILL.md
3
Use the skill
Claude Code will auto-detect when your prompt matches the skill. You can also invoke it directly with /mockflow-apple-liquid-glass.
Related skills
More skills like this one.
X Platform Style
A high-contrast dark mode design system inspired by the X social platform
Notion Workspace Style
Minimalist digital document and productivity tool aesthetic following Notion's visual language
Food Delivery Mobile UI System
Modern food delivery mobile UI system featuring restaurant listings, food cards, cart, checkout, delivery tracking, promotions, and user account screens with a clean orange-accented design.
Healthcare Management System UI
Transforms wireframes into modern healthcare, hospital management, clinic administration, patient management, and medical dashboard interfaces using a professional blue healthcare design system.
More to explore
Brainstorm with MockFlow MCP 
