Summary
Renders three phone frames side by side showing a complete onboarding sequence: splash screen, value prop, and sign-in. Each frame gets a status bar, hero artwork, headline and copy, swipe dots, and a primary CTA button. The skill automatically handles the layout so you get all three screens in a single HTML artifact instead of building them one at a time. Useful when you need to prototype the first-launch experience quickly or show stakeholders the full flow without jumping between files. Triggers on "mobile onboarding", "iOS onboarding", or "phone signup". The output is polished enough for design reviews but still just HTML and CSS.
Install to Claude Code
npx -y skills add nexu-io/open-design --skill mobile-onboarding --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
