Claude Code editable-list 技能:修复 SolidJS 行编辑失焦
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/editable-list/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/editable-list/`,把核对后的文件保存为 `.claude/skills/editable-list/SKILL.md`。
- 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/editable-list`。
中文摘要
检查输入时替换整行对象的 SolidJS 列表,在保持输入节点稳定后实际键入验证。
SKILL.md 中文导读
可复现示例
调用 /editable-list,对下面虚构路线名称行分析失焦原因,并写出运行时验收方式。
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`工作步骤
- 查找输入时是否替换整个行对象。
- 为该编辑模式选择稳定的迭代组件。
- 打开开发界面连续键入并核对焦点。
验收方法
将会替换行引用的循环改用 `Index`,按对应回调访问数据。无需重新点击即可连续输入 `AB`,确认 `value=AB` 且焦点仍在 `Route name`。
GitHub 原文 · 更新日期
适用环境
Senda 或相同 SolidJS 列表模式的 Claude Code 项目。准备可运行的开发界面,用真实键盘输入检查焦点。
常见问题
类型检查通过能代替焦点验证吗?
准备实际运行界面,连续输入至少两个字符,核对光标与输入值保持正确。