chunking-numeric-and-otp
CommunityMake numeric inputs easy to verify.
Design & Creative#accessibility#usability#chunking#numeric input#locale formatting#otp ui#verification codes
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Numeric strings overload working memory and increase entry errors when users must verify long sequences without visual grouping or friendly input behavior.
Core Features & Use Cases
- Standard chunking for common identifiers: Apply region- and domain-appropriate groupings for phone numbers, OTP/verification codes, credit cards, account IDs, ISBNs, IPs, dates, and currencies.
- OTP input UX that matches user expectations: Prefer numeric keyboards, support paste/autofill, and use auto-advance/auto-back so users can enter and correct codes quickly.
- Locale-correct display for numbers and currency: Use locale-aware formatting to avoid decimal/thousand separator mistakes and ensure table alignment with tabular numerals.
- Privacy-safe patterns for sensitive numbers: Mask credit card displays (e.g., show only the last 4) rather than exposing full values.
Quick Start
Use the skill chunking-numeric-and-otp to design a verification-code input UI and display formats that follow established conventions for the digits your users must read, type, paste, or verify.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: chunking-numeric-and-otp Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#chunking-numeric-and-otp Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.