Agent skill

ios-input-hints

Ensure iOS/iPadOS-friendly form inputs (keyboard type, inputmode, autocomplete, autocapitalize/autocorrect, enterkeyhint) when editing or reviewing UI forms in web apps. Use when adding or modifying form fields (Svelte/HTML/TSX/etc.), auditing form UX, or fixing mobile Safari keyboard issues.

View SKILL.md on GitHub Repository
Stars 1
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/nickabeelee/espresso-engineered/tree/main/skills/ios-input-hints

SKILL.md

iOS Input Hints

Overview

Use this skill when working on UI forms to make input fields trigger the correct iOS/iPadOS keyboard and behavior without changing layout.

Workflow

  1. Identify every input/textarea/select in the target form(s).
  2. For each field, choose the correct semantic type and inputmode based on expected data.
  3. Add or validate autocomplete, autocapitalize, autocorrect, and enterkeyhint where helpful and safe.
  4. Keep visual structure untouched; only adjust attributes.

Keyboard Mapping (quick rules)

  • Numbers (integer): type="number" + inputmode="numeric".
  • Numbers (decimal): type="number" + inputmode="decimal".
  • Free text: type="text" (no inputmode unless a specialized keyboard is desired).
  • Email: type="email" (email keyboard) + autocomplete="email".
  • URL: type="url" + autocomplete="url".
  • Phone: type="tel" + autocomplete="tel".
  • Search: type="search" + enterkeyhint="search".

Meta Behaviors

  • Autocomplete: Use the most specific token possible (e.g., given-name, family-name, current-password, new-password, username).
  • Autocapitalize/autocorrect: Disable for codes, IDs, URLs, emails, and handles; allow for freeform text.
  • Enter key: Use enterkeyhint to match intent (next, done, search, send).
  • Do not reshape UI: Only adjust attributes; no styling or layout changes.

References

  • See references/ios-input-hints.md for detailed attribute guidance and examples.

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

nickabeelee/espresso-engineered

backend-build-check

Ensure backend build readiness for Espresso Engineered. Use when backend code/config changes are made or when a feature/task is wrapping up to suggest running `npm run build:backend` (and tests only if requested).

1 0
Explore
nickabeelee/espresso-engineered

ui-token-first

Enforce UI token usage for Espresso Engineered frontend work. Use when editing Svelte/SvelteKit UI, styling typography, voice lines, headers, cards, surfaces, or layout so styles come from frontend/src/lib/ui tokens instead of app.css or ad-hoc CSS.

1 0
Explore
nickabeelee/espresso-engineered

design-system-token-enforcer

Enforce design system token usage in espresso-engineered-1 frontend UI work. Use when creating or editing Svelte components, layout sections, typography, spacing, colors, surfaces, or buttons, especially when introducing new UI components or section headers.

1 0
Explore
mattpocock/skills

setup-pre-commit

Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing.

111,310 9,758
Explore
mattpocock/skills

handoff

Compact the current conversation into a handoff document for another agent to pick up.

111,310 9,758
Explore
mattpocock/skills

edit-article

Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.

111,310 9,758
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results