Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

ui-planning-architecture

Étoiles0

Forks1

Mis à jour18 mars 2026 à 01:58

Panduan perencanaan UI agar kompleksitas fitur tidak menurunkan kualitas pengalaman pengguna, termasuk prioritas UX, arsitektur halaman, dan kontrol scope.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Yusufkotavom

Yusufkotavom/sparse-kuiper

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	ui-planning-architecture
description	Panduan perencanaan UI agar kompleksitas fitur tidak menurunkan kualitas pengalaman pengguna, termasuk prioritas UX, arsitektur halaman, dan kontrol scope.

UI Planning Architecture

Tujuan

Menjaga UI tetap maksimal walau project makin kompleks.

Prinsip

User flow utama lebih penting daripada jumlah fitur.
Satu halaman satu fokus utama (hindari UI campur aduk).
Prioritaskan kejelasan aksi dibanding dekorasi visual.
Pecah kompleksitas ke komponen/step progresif.

Workflow

Definisikan 3 prioritas UX per halaman (aksi utama, feedback, error handling).
Petakan informasi: apa yang wajib tampil, opsional, dan advanced.
Buat struktur layout bertingkat (primary panel, secondary panel, drawer/modal).
Uji dengan skenario pengguna baru vs pengguna power-user.
Lock UI contract sebelum implementasi besar.

Checklist Minimum

Ada dokumen ringkas user flow sebelum coding UI.
Ada batasan elemen per layar agar tidak overload.
Loading/empty/error states dirancang dari awal.
Ada jalur sederhana (basic) dan jalur lanjutan (advanced).
UI review wajib sebelum merge.

Plus depuis ce dépôt

même dépôt

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	ui-planning-architecture
description	Panduan perencanaan UI agar kompleksitas fitur tidak menurunkan kualitas pengalaman pengguna, termasuk prioritas UX, arsitektur halaman, dan kontrol scope.

UI Planning Architecture

Tujuan

Menjaga UI tetap maksimal walau project makin kompleks.

Prinsip

User flow utama lebih penting daripada jumlah fitur.
Satu halaman satu fokus utama (hindari UI campur aduk).
Prioritaskan kejelasan aksi dibanding dekorasi visual.
Pecah kompleksitas ke komponen/step progresif.

Workflow

Definisikan 3 prioritas UX per halaman (aksi utama, feedback, error handling).
Petakan informasi: apa yang wajib tampil, opsional, dan advanced.
Buat struktur layout bertingkat (primary panel, secondary panel, drawer/modal).
Uji dengan skenario pengguna baru vs pengguna power-user.
Lock UI contract sebelum implementasi besar.

Checklist Minimum

Ada dokumen ringkas user flow sebelum coding UI.
Ada batasan elemen per layar agar tidak overload.
Loading/empty/error states dirancang dari awal.
Ada jalur sederhana (basic) dan jalur lanjutan (advanced).
UI review wajib sebelum merge.