Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

frontend-ai-ux

Sterne0

Forks1

Aktualisiert18. März 2026 um 01:58

Pedoman UX untuk fitur AI di frontend (loading states, streaming, retry, error clarity). Gunakan saat membangun atau memperbaiki interaksi AI pada UI.

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

Yusufkotavom

Yusufkotavom/sparse-kuiper

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

SKILL.md

readonly

name	frontend-ai-ux
description	Pedoman UX untuk fitur AI di frontend (loading states, streaming, retry, error clarity). Gunakan saat membangun atau memperbaiki interaksi AI pada UI.

Frontend AI UX

Tujuan

Membuat pengalaman pengguna tetap jelas walau AI bersifat probabilistik.

Workflow

Tampilkan status proses yang eksplisit (idle/loading/success/failed).
Sediakan cancel/retry pada request panjang.
Tampilkan partial/streamed result jika memungkinkan.
Pisahkan pesan error teknis vs petunjuk tindakan user.
Simpan history interaksi penting.

Checklist Minimum

Tombol tidak double-submit saat loading.
Error message memberi next action.
Ada empty state dan skeleton/loading state.
Ada indikator sumber model/provider (opsional tapi disarankan).

Anti-Pattern

UI freeze tanpa feedback.
Menyembunyikan kegagalan request.

Mehr aus diesem Repository

gleiches Repository

plan-checklist-monitor

Yusufkotavom/sparse-kuiper

Skill untuk menjalankan implementation plan berbasis todolist yang terukur, termasuk status in-progress/blocked/done dan monitoring harian.

2026-03-200

ui-domain-separation-guardrail

Yusufkotavom/sparse-kuiper

Aturan audit dan refactor untuk memisahkan domain Asset Generator vs Social Media Publisher, mengurangi halaman gemuk, dan menyederhanakan UI agar to-the-point.

2026-03-200

telegram-notification-integration

Yusufkotavom/sparse-kuiper

Tambah atau ubah integrasi notifikasi Telegram bot untuk FastAPI/queue/background jobs, termasuk settings UI, endpoint test, dan trigger event sukses/gagal.

2026-03-190

upload-feature-rollout

Yusufkotavom/sparse-kuiper

Blueprint implementasi fitur upload baru (validasi file, queue processing, progress status, retry, dan notifikasi status akhir) secara bertahap dan aman.

2026-03-190

database-schema-migration-safety

Yusufkotavom/sparse-kuiper

Prosedur perubahan schema database yang aman, backward-compatible, dan minim downtime untuk fitur AI baru.

2026-03-180

ai-api-integration-next-fastapi

Yusufkotavom/sparse-kuiper

Pedoman integrasi AI API baru antara Next.js dan FastAPI, termasuk kontrak payload, error mapping, timeout, dan versioning endpoint.

2026-03-180

name	frontend-ai-ux
description	Pedoman UX untuk fitur AI di frontend (loading states, streaming, retry, error clarity). Gunakan saat membangun atau memperbaiki interaksi AI pada UI.

Frontend AI UX

Tujuan

Membuat pengalaman pengguna tetap jelas walau AI bersifat probabilistik.

Workflow

Tampilkan status proses yang eksplisit (idle/loading/success/failed).
Sediakan cancel/retry pada request panjang.
Tampilkan partial/streamed result jika memungkinkan.
Pisahkan pesan error teknis vs petunjuk tindakan user.
Simpan history interaksi penting.

Checklist Minimum

Tombol tidak double-submit saat loading.
Error message memberi next action.
Ada empty state dan skeleton/loading state.
Ada indikator sumber model/provider (opsional tapi disarankan).

Anti-Pattern

UI freeze tanpa feedback.
Menyembunyikan kegagalan request.