Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

awcms-micro-wizard-form

Sterne1

Forks1

Aktualisiert17. Juli 2026 um 02:17

Bangun form multi-step di modul domain memakai reusable wizard pattern AWCMS-Micro. Gunakan saat input data panjang/bertahap butuh lebih dari satu layar (identitas, detail, lampiran, review) sebelum submit final. Sesuai docs/awcms-micro/examples/wizard-form-pattern.md.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

ahliweb

ahliweb/awcms-micro

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

SKILL.md

readonly

Mehr aus diesem Repository

gleiches Repository

awcms-micro-codeql-triage

ahliweb/awcms-micro

Triase dan perbaiki temuan CodeQL code scanning AWCMS-Micro (github.com/ahliweb/awcms-micro/security/code-scanning). Gunakan saat diminta "analisis code scanning"/"perbaiki CodeQL", saat sebuah PR gagal check CodeQL, atau saat menemukan alert baru. Mendokumentasikan enam false-positive nyata yang sudah ditemukan (name-heuristic password, incompatible-types typeof/null, URL substring-sanitization di test mock, dua kasus dismiss resmi tanpa reformulasi kode, Bun.SQL tagged-template null-cast, dan build-time extension seam trivial-conditional) plus pola "unused-local-variable di test kadang menandai coverage gap" — supaya tidak diinvestigasi ulang dari nol.

2026-07-191

awcms-micro-new-module

ahliweb/awcms-micro

Scaffold modul baru pada modular monolith AWCMS-Micro. Gunakan saat membuat modul domain baru di src/modules/ (mis. warehouse-management, accounting-tax) atau saat memerlukan struktur module.ts + domain/application/infrastructure/api + README. Ikuti struktur standar doc 10 & 11.

2026-07-191

awcms-micro-abac-guard

ahliweb/awcms-micro

Terapkan kontrol akses RBAC+ABAC default-deny plus RLS pada endpoint/service AWCMS-Micro. Gunakan pada setiap endpoint non-public dan setiap akses data tenant-scoped. Menegakkan default deny, deny-overrides-allow, decision log, dan tenant isolation sesuai doc 03 & 10.

2026-07-191

awcms-micro-audit-log

ahliweb/awcms-micro

Tulis audit log untuk aksi high-risk AWCMS-Micro dengan redaction. Gunakan pada login, access assignment, profile merge, price change, transaction posted/cancel/return, stock adjustment, warehouse transfer, Coretax export, sync conflict resolution, AI tool call, dan security readiness decision. Sesuai doc 03 & 10.

2026-07-191

awcms-micro-idempotency

ahliweb/awcms-micro

Terapkan idempotency pada mutation high-risk AWCMS-Micro agar aman dari double-submit. Gunakan saat implementasi posting transaksi, cancel/return, transfer approve/ship/receive, cycle count, adjustment, VAT generate, Coretax batch, receipt send, sync push, atau workflow decision. Sesuai doc 10.

2026-07-191

awcms-micro-module-management

ahliweb/awcms-micro

Kelola/konsumsi sistem Module Management AWCMS-Micro (registry, komposisi modul build-time untuk aplikasi turunan, manifest kompatibilitas aplikasi turunan, tenant lifecycle enable/disable, settings, permission sync/status, navigation, job registry, health/readiness). Gunakan saat menambah field descriptor baru (permissions/navigation/settings/jobs/health) di modul lain, saat menyelidiki kenapa suatu modul terlihat degraded/orphaned, saat aplikasi turunan perlu menyusun modulnya sendiri lewat `src/modules/application-registry.ts` tanpa mengedit registry base, saat aplikasi turunan perlu memverifikasi kompatibilitasnya dengan rilis base terbaru (`bun run extension:check`), atau saat mengubah perilaku enable/disable/settings/health module_management sendiri. Sesuai src/modules/module-management/README.md, epic

2026-07-191

name	awcms-micro-wizard-form
description	Bangun form multi-step di modul domain memakai reusable wizard pattern AWCMS-Micro. Gunakan saat input data panjang/bertahap butuh lebih dari satu layar (identitas, detail, lampiran, review) sebelum submit final. Sesuai docs/awcms-micro/examples/wizard-form-pattern.md.

AWCMS-Micro — Reusable Wizard Form

Ikuti docs/awcms-micro/examples/wizard-form-pattern.md (spesifikasi komponen + pola i18n) dan docs/awcms-micro/examples/wizard-derived-module-example.md (contoh end-to-end pada modul domain). Fixture yang bisa langsung dijalankan: src/pages/admin/examples/wizard.astro (/admin/examples/wizard).

Kapan pakai wizard, bukan form biasa

Salah satu: banyak field lintas kategori, urutan input jelas dibutuhkan, perlu review akhir sebelum submit, atau field-nya cukup banyak sehingga satu form besar rawan salah input. Tetap pakai form biasa untuk input sederhana (ganti nama, ubah status, satu-dua field).

Komponen

src/components/ui/WizardStepper.astro (progress + status step) + WizardPanel.astro (satu step, hidden untuk step tidak aktif — bukan di-unmount, supaya input tidak hilang) + WizardActions.astro (Back/Next/Submit/Save-draft) + src/lib/ui/wizard-client.ts (state murni: createWizardState, advanceWizard, rewindWizard, toFieldErrorMap, mapValidationDetailsToFieldErrors, createWizardIdempotencyKey).

Aturan wajib

Semua string via prop — komponen wizard tidak pernah menerjemahkan sendiri; halaman pemanggil wajib createTranslator(locale) lalu isi tiap prop label (label/currentLabel/completedLabel/pendingLabel di WizardStepper, errorSummaryHeading di WizardPanel, backLabel/nextLabel/submitLabel di WizardActions) — skill awcms-micro-i18n.
Validasi client hanya UX — server tetap sumber kebenaran; peta VALIDATION_ERROR.details balik ke field via mapValidationDetailsToFieldErrors, jangan validasi ulang terpisah.
Submit final high-risk — createWizardIdempotencyKey() sekali per attempt submit (bukan per klik tombol) — skill awcms-micro-idempotency.
Anti-double-submit — pakai lockElement/submitJson/showBanner yang sudah ada (src/lib/ui/admin-form-client.ts), jangan duplikasi.
Fokus berpindah ke judul panel setiap step berubah (tabindex="-1" sesaat lalu .focus()) — lihat focusPanelHeading() di fixture.
Stepper butuh data-step-key pada tiap item bila halaman memperbarui state stepper via JS setelah render awal (SSR-only, tidak reaktif sendiri).
Draft client-side hanya data non-sensitif, dan tidak persisten (tidak ada localStorage). Butuh resume lintas sesi/perangkat, atau payload mengandung apa pun yang lebih dari UX scratch state? Pakai server-side draft persistence — skill awcms-micro-form-drafts (tersedia sejak Issue #484, /api/v1/form-drafts).

Verifikasi

Regression guard atribut aksesibilitas: tests/wizard-accessibility.test.ts. Test state helper: tests/wizard-client.test.ts. Walkthrough keyboard-only manual: wizard-form-pattern.md §Walkthrough manual keyboard-only.

Skill terkait

awcms-micro-ui-screen (pola layar/token/a11y umum), awcms-micro-i18n (katalog .po), awcms-micro-idempotency (submit final high-risk), awcms-micro-new-endpoint (endpoint domain target submit), awcms-micro-form-drafts (resume-on-load lintas sesi via server).