Ui Ux

Name: Ui Ux
Author: 8-Sync-Dev

ASecurity

UI/UX và giao diện (design, redesign, frontend, landing, dashboard, component, a11y, responsive, animation, theme, UX copy) — điểm vào dễ gõ `/ui-ux <việc>`; chọn đúng skill chuyên sâu (impeccable là design system chuẩn của 8 Sync) rồi làm tới khi verify trên trình duyệt.

4 stars
0 votes
0 copies
0 views
Added October 17, 2026

developmentreactnextjstestingfrontend

Security analysis

A100/100

Scanned October 17, 2026

npx -y skills add 8-Sync-Dev/8sync --skill ui-ux --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Ui Ux?

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

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/8-sync-dev-ui-ux/badge)](https://www.skillsdirectory.com/skills/8-sync-dev-ui-ux)

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: ui-ux
description: UI/UX và giao diện (design, redesign, frontend, landing, dashboard, component, a11y, responsive, animation, theme, UX copy) — điểm vào dễ gõ `/ui-ux <việc>`; chọn đúng skill chuyên sâu (impeccable là design system chuẩn của 8 Sync) rồi làm tới khi verify trên trình duyệt.
argument-hint: <việc UI/UX, vd "audit trang settings" | "redesign hero" | "thêm dark mode">
---
Việc: $ARGUMENTS

1. **Luôn mở `impeccable` trước** (design system chuẩn 8 Sync) và làm đúng bước Setup của nó (PRODUCT.md/DESIGN.md, register product/brand). Chọn lệnh con theo việc:
   - làm mới / tính năng UI → `craft` (hoặc `shape` nếu chỉ plan) · review UX có điểm → `critique` · kỹ thuật a11y/perf/responsive → `audit` · trước ship → `polish`
   - chuyển động → `animate` · màu → `colorize` · chữ → `typeset` · bố cục → `layout` · copy → `clarify` · mobile/tablet → `adapt` · chậm → `optimize` · rối → `distill`
2. Bổ trợ khi khớp (mở SKILL.md nếu có trong `/` list):
   - Landing/portfolio, chống "AI slop" → `taste-skill` (design-taste-frontend)
   - Code React/Next/Tailwind/shadcn → `frontend-ui-engineering`, `senior-frontend`, `nextjs-app`; kho workspace (nếu đã `8sync ccc kit --skills-from`): `frontend-design`, `web-design-guidelines`, `react-best-practices`, `shadcn`, `tailwind-design-system`, `accessibility`, `responsive-design`, `core-web-vitals`, `site-ux-audit`
   - Verify trên trình duyệt → `browser-testing-with-devtools` / `/chrome`; không có trình duyệt → ghi "UI: not verified in a browser".
3. Build nặng (`next build`, `pnpm build`) chạy trên CI, không trên máy owner. Kiểm nhẹ ở local: `tsc --noEmit`, test component, lint (nice/ionice).
4. Báo lại: skill đã dùng (cite `SKILL.md`), file đổi, ảnh chụp/bằng chứng, cái gì chưa verify.