Skip to content
Back to skills

Form Pipeline

ASecurity

Формы на @letar/forms: createForm-инстанс приложения, Field.*, FormGroup, Zod v4, server action, генерация схем из @meta("form.*"). Загружай ДО создания или правки любой формы и когда дропдаун пуст, подсказки английские, ошибка не видна на скрытой вкладке, Field.Date приходит строкой.

  • 6 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added October 20, 2026
developmentreactapi

Works with

  • api
  • mcp

Security analysis

A100/100

Pro scans all 4 files and shows the line behind each finding

Scanned October 20, 2026

npx -y skills add kamiletar/letar --skill form-pipeline --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Form Pipeline?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Form Pipeline
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/kamiletar-form-pipeline/badge)](https://www.skillsdirectory.com/skills/kamiletar-form-pipeline)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: form-pipeline
description: |
  Формы на @letar/forms: createForm-инстанс приложения, Field.*, FormGroup, Zod v4, server action,
  генерация схем из @meta("form.*"). Загружай ДО создания или правки любой формы и когда дропдаун пуст,
  подсказки английские, ошибка не видна на скрытой вкладке, Field.Date приходит строкой.
---

# Form Pipeline

Полный цикл создания форм с @letar/forms. Используй при создании CRUD форм.

## Когда использовать

- Создание новых форм (create/edit)
- Добавление полей к существующим формам
- Настройка валидации и UI
- Интеграция с Server Actions

## Воркфлоу

1. **Добавь `@meta("form.*", value)` директивы** в `schema.zmodel`
2. **Генерируй** `nx zenstack:generate <app>`
3. **Создай компонент** с `<Form>` API
4. **Создай Server Action** в `_actions/`

## Быстрый старт

```tsx
import { ProductCreateFormSchema } from '@/generated/form-schemas'
import { MyAppForm as Form } from '@/my-app-form'
// `MyAppForm` — createForm-инстанс приложения (`src/<app>-form/`, образец apps/archetest); ниже он записан как `Form`
<Form schema={ProductCreateFormSchema} initialValue={data} onSubmit={save}>
  <Form.AutoFields />
  <Form.Button.Submit>Сохранить</Form.Button.Submit>
</Form>
```

## Критичные правила

- **ВСЕГДА** читай `libs/forms/README.md` перед работой с формами
- **ВСЕГДА** используй `.strip()` в Zod схемах
- **НЕ** импортируй напрямую из `@tanstack/react-form`
- Валидация + UI метаданные живут в одном месте (Zod схема)

## Reference файлы

- Список полей и пропсы — MCP `list_fields` / `get_field_props`, или `libs/forms/docs/fields.md`
- `reference/declarative-api.md` — Form, Form.Field.\*, Form.Group, Form.When
- `reference/zod-meta.md` — .meta({ ui: {...} }) паттерны
- `reference/server-actions.md` — паттерны Server Actions

## Связанный Skill

- `zenstack-helper` — @meta("form.\*", value) директивы, генерация схем

## Чеклист

- [ ] `@meta("form.*", value)` в `schema.zmodel` → `nx zenstack:generate <app>`
- [ ] Компонент на сгенерированной схеме через `createForm`-инстанс приложения
- [ ] Server action: вход через Zod с `.strip()`, ошибки полей — в `errorMap.onServer`, `revalidatePath` после мутации
- [ ] Футер — `FormActions`, ошибки видны пользователю (в том числе на скрытой вкладке)

Files in this skill

  • SKILL.md3 KB
  • reference/declarative-api.md5.4 KB
  • reference/server-actions.md5.3 KB
  • reference/zod-meta.md4.6 KB

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.