Skills
.Work. You
Rest

sima-form-edit-mode

Community

Seamless create/edit forms for modern apps.

Software Engineering#typescript#frontend#react#data-binding#image-management#edit form#form mode
AuthorRosenGray
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a structured approach to implementing a robust form edit mode in web applications, enabling consistent handling of create and edit flows, entity data, and image management.

Core Features & Use Cases

  • Mode-aware form rendering: switch between Create and Edit modes using a FormMode enum.
  • Data binding and defaults: populate form fields from the existing entity data with safe fallbacks.
  • Image management: support existing and new images with deletion flags and previews.
  • Reuse of validation and submission patterns: align with existing publish forms in the codebase.

Quick Start

Use this skill to guide implementing the edit functionality in an existing form component by wiring FormMode, entity data, and image handling.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sima-form-edit-mode
Download link: https://github.com/RosenGray/sima/archive/main.zip#sima-form-edit-mode

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.