fp-conv: Skill for Claude Code

Browser UI Testing

Test the floating-point conversion calculator in an actual browser using VS Code's browser agent tools. Supports three testing modes: visual verification, interaction testing, and conversion validation.

Prerequisites

1. Enable browser tools: Set workbench.browser.enableChatTools to true in VS Code settings
2. Enable browser tools in chat: Open the Tools picker in the chat input and enable all tools under Built-in > Browser
3. Use #tool:openBrowserPage to open index.html from the workspace root as a file:// URL (no local server needed — the built-in browser loads local files and scripts correctly). Construct the URL from the workspace path, e.g. file://${workspaceFolder}/index.html

Reference Files

• UI element map — All DOM selectors, element IDs, button data attributes
• Test vectors — Known-good encode/decode/conversion values for validation

Procedure A — Visual Verification

Verify the page renders correctly and all sections are present.

Steps

1. Open the page with #tool:openBrowserPage
2. Take an initial screenshot with #tool:screenshotPage — verify:
   • Header displays "Floating Point Conversion Calculator"
   • Subtitle "Convert between floating point, integer, and custom formats" is visible
   • All four main sections are visible: Input Format, Input Value, Output Format, Output Value
   • Format preset buttons are rendered in groups (IEEE 754, ML, OCP, Integer)
   • Binary bit display shows clickable checkboxes
   • About section is present at the bottom
3. Use #tool:readPage to confirm page text content includes:
   • All format button labels: FP64, FP32, FP16, BF16, TF32, FP8 E5M2, FP8 E4M3, FP6 E3M2, FP6 E2M3, FP4 E2M1
   • All integer format labels: INT32, UINT32, INT16, UINT16, INT8, UINT8, INT4, UINT4
   • Value preset labels: 0, 1, Max Norm, Min Norm, Max Sub, Min Sub, +Inf, -Inf, NaN, 1s
   • Rounding mode options: Nearest Ties to Even, Ties Away, Toward Zero, Toward +Infinity, Toward -Infinity
   • NaN mode options: Canonical quiet NaN, Preserve sign and payload
4. Verify the default initial state matches:
   • Input format: FP16 (total bits = 16)
   • Output format: BF16 (total bits = 16)
   • Decimal value: 3.140625