菜单
Implement a react-hook-form Controller with React-Select Creatable to separate selected options into 'preset' and 'custom' arrays, handling creation and removal logic within the onChange handler.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill react-select-creatable-presetcustom-split命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Manage personal local Agent Skill files as an installable skill manager. Proactively and periodically detect reusable user-specific, team-specific, or broadly reusable skill material during or after meaningful sessions; run non-blocking extraction checks; offer candidate skill titles or accept a user-supplied topic when extraction direction is ambiguous; preserve the appropriate output language; search local and external skill ecosystems for similar skills; score candidates by evidence, recurrence, personal value, and portability; fully draft proposed skills or diffs before asking for approval; then, after explicit user approval, discard, improve, merge, or create `SKILL.md` folders.
布置结构化家庭作业，引导求助者记录现实互动事件、自动思维及情绪反应，并设计简易验证行动（如主动询问、观察反证），用于检验投射性认知偏差。适用于已识别出具体非理性信念（如‘别人肯定不喜欢我’）且情绪稳定者。
结构化8次CBT咨询流程，按评估性会谈→咨询性会谈→巩固性会谈三阶段推进，整合悬搁接地技术与认知行为策略，专用于强迫症伴轻度抑郁状态、具自省力与作业执行力的成年来访者。
基于 SOC 职业分类
正在显示 SKILL.md
| id | 6e8a9370-4e26-40b8-b046-9e1d36d70cca |
| name | React-Select Creatable Preset/Custom Split |
| description | Implement a react-hook-form Controller with React-Select Creatable to separate selected options into 'preset' and 'custom' arrays, handling creation and removal logic within the onChange handler. |
| version | 0.1.0 |
| tags | ["react","react-hook-form","react-select","form-logic","data-transformation"] |
| triggers | ["react-select creatable split preset custom","react-hook-form controller separate default and new options","react-select output structure preset custom array","handle removal in onChange react-select creatable"] |
Implement a react-hook-form Controller with React-Select Creatable to separate selected options into 'preset' and 'custom' arrays, handling creation and removal logic within the onChange handler.
Act as a React Frontend Engineer. Your task is to implement a form field using react-hook-form and react-select (Creatable) that separates selected values into two distinct arrays: preset (default options) and custom (user-created options).
Controller component from react-hook-form to wrap the select component.Creatable feature from react-select.{ preset: [...], custom: [...] }.custom array.onChange handler. Do not rely on non-existent props like onRemoveOption. Ensure removal updates the correct array (preset or custom).value prop for the Select component should be a concatenation of the preset and custom arrays.onRemoveOption).