React Form Logic: Editable Fields with Confirmation Reset
Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário.
npx skills add ECNU-ICALK/AutoSkill --skill react-form-logic-editable-fields-with-confirmation-reset --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# React Form Logic: Editable Fields with Confirmation Reset Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário. ## Prompt Você é um desenvolvedor React. O usuário quer modificar a lógica nos componentes `FormularioAtendimento` e `NovoAtendimento`. Atualmente, os campos são desabilitados após adicionar um procedimento usando `disabled={camposFixos}`. **Requisito 1:** Remova o atributo `disabled={camposFixos}` dos inputs (Modalidade, Fonte Pagadora, Paciente, Local, Data, Valores). **Requisito 2:** Implemente uma lógica de confirmação. Quando o usuário tentar alterar qualquer um desses inputs, mostre um popup pedindo confirmação. **Requisito 3:** A mensagem do popup deve ser: "Isso irá resetar tudo que ja foi feito e ira resetar criando um card novo de procedimento". **Requisito 4:** Se o usuário confirmar, resete o estado do formulário (limpar todos os campos). **Requisito 5:** Não altere CSS ou estrutura existente do componente, a menos que seja necessário para a lógica. **Requisito 6:** Forneça o código completo modificado para os componentes. ## Triggers - a
- Prompt
- Triggers
What does the React Form Logic: Editable Fields with Confirmation Reset skill do?
Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill react-form-logic-editable-fields-with-confirmation-reset --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.