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.
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Files
SKILL.md
Select a file.
Featured
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
