SkillsAdd

nexu-io/open-design

login-flow

Mobile login and authentication flow screens

All-time #5379 Trending #4039 First seen May 10, 2026
8-week activity · all time api

Installation

$ npx skills add nexu-io/open-design --skill login-flow
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
signup-login-page-generator Similar name
kostja94/marketing-skills

When the user wants to create, optimize, or audit signup and login pages. Also use when the use…

858 installs
browser-login Similar name
ruvnet/ruflo

Drive an authentication flow once, sanitize cookies through AIDefence, and vault a reusable coo…

726 installs

Also in this package

Other skills from nexu-io/open-design · top by installs.

npx skills add nexu-io/open-design
ui-ux-pro-max 5K frontend-design 4K web-design-guidelines 3.4K design-brief 3K creative-director 2.9K threejs 2.9K pptx-html-fidelity-audit 2.8K apple-hig 2.7K design-review 2.7K hatch-pet 2.7K

Browse all from nexu-io/open-design

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 95.0K
License LICENSE
Default branch main
Open issues 485
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,383 B
  • docs SUMMARY.md 62 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2,413 installs

SKILL.md

Login Flow Skill

A skill for generating mobile-first login and authentication screens. Use this when the user wants a sign-in experience for a mobile app, including phone + SMS verification, password-based login, and social SSO options.

Workflow

  1. Read reference files first (see below)
  2. Clarify auth method: phone/SMS, password, or social SSO
  3. Checklist gate — verify P0 items before emitting <artifact>
  4. Build the HTML prototype with proper states (default, loading, error)
  5. Wrap in <artifact> tag referencing the output file

Side Files

  • references/checklist.md — P0/P1 acceptance criteria

Output

A single standalone HTML file implementing the login screen with:

  • Labels above inputs (never placeholder-only)
  • Password field with show/hide toggle
  • Social SSO buttons with SVG icons
  • Error states below fields
  • Loading spinner in primary CTA
  • Touch targets minimum 44px

Mobile-First Constraints

  • Viewport: 375px wide (iPhone standard)
  • No horizontal scroll
  • Safe area insets for notched devices
  • Input keyboards: tel for phone, password for password fields