Skill description
Art-direct premium mobile flows as images
Imagegen Frontend Mobile creates app-native screen concepts and multi-screen flows with readable hierarchy, consistent components, and restrained visual direction.
Cross-screen consistency
Keep navigation, spacing, type, color, and component behavior coherent across every screen in a generated flow.
Mobile-native presentation
Frame screens in subtle device mockups while preserving legibility and keeping the app content as the primary focus.
Installation guide
Set up MCP integration
Connect the skill to your agent environment with the steps below.
- 1
Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.
Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.
- 2
Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.
Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.
- 3
Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.
Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.
{
"mcpServers": {
"nskill": {
"serverUrl": "https://[your-project].supabase.co/functions/v1/mcp",
"headers": {
"Authorization": "Bearer YOUR_MCP_KEY"
}
}
}
}Use skill [tên-skill] from nskill to do this: [describe your request]
Frequently asked questions
Does this skill generate production code?expand_more
No. It art-directs and generates mobile interface images and multi-screen flow concepts; it does not write application code.
How do I retrieve the skill?expand_more
Add the skill to your library, connect OceanSkill MCP, then call get_skill_md for imagegen-frontend-mobile.
Reviews (0)
0.0
Based on 0 reviews
Write a review
Share your experience with this skill to help other users.
No reviews yet. Be the first to share your experience.