Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
A Currency Input is a specialized numeric form field for entering monetary values. It combines the raw numeric input behavior of a number field with locale-aware formatting, currency symbol display, and financial validation constraints.
Unlike a generic number input, a currency input formats the value as the user types (e.g., displaying $1,299.99 instead of 1299.99), handles decimal precision based on the currency (USD uses 2 decimal places, JPY uses 0), and positions the currency symbol or code according to locale conventions.
Banking and finance forms – Transfer amounts, deposit values, loan applications.
Expense reporting – Reimbursement amounts with currency context.
Subscription and pricing configuration – Plan pricing in admin interfaces.
Budget and forecasting tools – Financial planning inputs.
When to avoid
Displaying prices (read-only) – Use formatted text, not an input.
Quantities without monetary meaning – Use a number input instead.
– Use a standard number input with appropriate notation.
Very large or very small scientific values
When the currency is irrelevant – A plain number input is simpler.
Implementation workflow
Confirm the pattern matches the problem and constraints before copying the example.
Start from the anatomy and examples in references/pattern.md, then choose the smallest viable variation.
Apply accessibility, performance, and interaction guardrails before layering visual polish.
Use the testing guidance to verify behavior across keyboard, screen reader, responsive, and failure scenarios.
Accessibility guardrails
Keyboard Interaction Pattern
Key
Action
Tab
Moves focus to the currency input
Shift + Tab
Moves focus to the previous element
0–9
Enters numeric digits
. or ,
Enters decimal separator (locale-dependent)
Backspace
Removes the last character
Delete
Removes the character after the cursor
Arrow Left/Right
Moves cursor within the input
Performance guardrails
Initial render: < 80ms for currency input appearance
Format-on-blur: < 16ms for value formatting
Currency selector change: < 50ms to update symbol and placeholder
Validation feedback: < 150ms after blur
Memory usage: < 5KB per currency input instance
Common mistakes
Using type="number" for Currency
The Problem:<input type="number"> shows browser spinner arrows, rejects thousands separators (commas), and handles decimals inconsistently across browsers and locales.
<!-- Bad --><inputtype="number"step="0.01"min="0" />
How to Fix It? Use type="text" with inputmode="decimal".
<!-- Good --><inputtype="text"inputmode="decimal"pattern="[0-9]*[.,]?[0-9]{0,2}" />
Formatting While User Is Typing
The Problem:
Reformatting the value on input events moves the cursor unexpectedly, especially when adding thousands separators mid-entry.
How to Fix It? Format only on blur; show raw decimal input during typing.
