词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code editable-list skill for SolidJS input focus

Inspect editable SolidJS rows whose object reference changes per keystroke. Keep the input node stable and verify by typing.

中文

Install in Claude Code

A Claude Code project using Senda or the same SolidJS list pattern. Have a usable development preview available for real keyboard input.

  1. Review `.claude/skills/editable-list/SKILL.md` and its requirements at the pinned GitHub commit.
  2. Create `.claude/skills/editable-list/` in your project and save the reviewed file as `.claude/skills/editable-list/SKILL.md`.
  3. Start Claude Code from that project's root, then select `/editable-list` in the slash menu.

Example task

Invoke /editable-list and diagnose the focus loss for this fictional route-name editor. Define the runtime check.
editable label row `Route name` | each keystroke creates a new row object
current component uses a For loop | symptom input loses focus after `A`
test fixture type `AB` without clicking again | desired `value=AB`

What to check

Use `Index` for the replacing-row pattern and update the callback access. Type `AB` without clicking again, confirm `value=AB`, and retain focus in `Route name`.

Original SKILL.md on GitHub · Updated

Frequently asked question

Can passing type checks replace focus testing?

Open the running interface and type at least two characters in a row. Verify the caret and input value.