tapora-proto-kit

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

Mở rộng và cập nhật prototype HTML có sẵn (1 → N) — thêm, sửa hoặc bỏ tính năng, màn hình, sub-flow, tương tác nhưng BẢO TOÀN 100% Design System, Data Contract và quy ước kiến trúc của bản UI hiện hữu. Dùng cho mọi dự án và mọi dạng nguồn yêu cầu (PRD, user story, ticket, use case, business rule, brief, hoặc chỉ câu lệnh). Quy trình 5 bước với tối đa 3 CỔNG QUYẾT ĐỊNH dừng lại hỏi người dùng (vị trí lối vào · phương án tích hợp UI · nghiệm thu hồi quy); số cổng co giãn theo 4 cấp tác động và 6 cờ rủi ro (quyền · dữ liệu · logic · yêu cầu · token · dùng chung). Tích hợp full-output-enforcement, laws-of-ux-checklist, ui-ux-pro-max, design-taste-frontend. KHÔNG dùng để làm mới từ đầu (sketch-to-site), KHÔNG dùng để đại tu thẩm mỹ chung (redesign-existing-projects). Dự án có tweak-site thì Cấp 0 và Cấp 1 không cờ đi đường đó; kiểm tổng trước bàn giao dùng handover-check. Gọi khi người dùng nói "thêm tính năng", "cập nhật giao diện", "mở rộng prototype", "thiết kế thêm màn hình".

Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

Kiểm tổng một lần trước khi bàn giao, gửi link hay commit prototype, sau nhiều lần sửa bằng tweak-site hoặc evolve-site. Chạy đủ bộ kiểm ở mọi theme, so với mốc bàn giao trước, gán từng khác biệt cho một lần sửa trong nhật ký, soát UX 12 điểm trên các màn đã đụng, cập nhật tài liệu một lần, rồi hỏi nghiệm thu và nâng mốc. Chỉ báo lỗi, không tự sửa mã prototype. KHÔNG dùng để kiểm sau từng lần sửa (đó là lệnh kiểm nhanh của tweak-site). Gọi khi người dùng nói "kiểm trước bàn giao", "kiểm tổng", "chạy lại kiểm tra trước khi bàn giao".

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

花叔Design（tapora-proto-kit 精简版）——用HTML做设计变体、信息图与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：信息图、设计风格、设计评审。网站、Web App、iOS/Android App原型或「admin + App」多端系统用 sketch-to-site，修改已有原型用 evolve-site，不用本技能。幻灯片、动画、视频、配音不在本精简版内。生产级Web App/需后端的系统不适用。

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

Comprehensive UX design companion based on all 30 Laws of UX from lawsofux.com. Analyzes components being built and recommends which laws apply with specific code-level fixes. Works as proactive advisor during frontend development and reactive auditor on demand. Use when building or reviewing UI/UX — designing layouts, choosing interactions, organizing information, evaluating interface decisions, or when user mentions "UX laws", "laws of ux", "lawsofux", "UX audit", "UX review", "UX checklist", "check UX", "apply UX", "design review", "UI review", "pre-ship check". Also triggers alongside the frontend-design skill. Do NOT trigger for: backend logic, API design, database schema, or non-visual code.

Quick 12-point UX pre-ship checklist with pass/fail verdict. Use when user says "UX checklist", "pre-ship check", "ready to ship?", "quick UX check", "laws-of-ux checklist", or "ship check".

Audit existing UI code against all 30 Laws of UX, scoring compliance 0-60 with prioritized code fixes. Use when user says "review UX", "UX audit", "audit this page", "check UX compliance", "score this UI", "how good is the UX", or "laws-of-ux review".

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

Thiết kế TỪ ĐẦU thành prototype HTML tương tác cấp studio: website (landing, site giới thiệu, e-commerce, portfolio), web app / công cụ vận hành, app mobile iOS/Android, hoặc hệ thống nhiều bề mặt (ví dụ admin web + app cho khách, chung thương hiệu và dữ liệu). Quy trình 7 bước với 5 CỔNG QUYẾT ĐỊNH bắt buộc dừng lại hỏi người dùng (định hình dự án · phong cách · chọn 1 trong 3 hướng · khoá design system · nghiệm thu). Nhận concept, design system, DESIGN.md, ảnh chụp, URL hoặc thương hiệu làm tham chiếu. Gộp ui-ux-pro-max, huashu-design, design-taste-frontend, laws-of-ux và các skill phong cách. KHÔNG dùng để sửa prototype đã có (evolve-site, redesign-existing-projects), chấm điểm UX trang có sẵn (laws-of-ux-review), làm slide/video. Gọi khi người dùng nói "thiết kế website", "thiết kế app", "làm prototype app mobile", "thiết kế hệ thống admin và app", "làm prototype giao diện", "dựng prototype từ đầu".

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

Sửa nhỏ prototype HTML có sẵn mà không đi cổng quyết định: Cấp 0 (câu chữ, khoảng cách, màu hay icon theo token sẵn có, style của trạng thái đã có) hoặc Cấp 1 cục bộ (thêm, sửa, bỏ một thành phần trong một màn, theo tiền lệ của trang). Không hỏi, không chạy mốc trước, kiểm nhanh chỉ các bộ bị ảnh hưởng, ghi một dòng nhật ký. Dính cờ quyền, dữ liệu, logic, yêu cầu hay token mới thì chuyển sang evolve-site. Kiểm đủ trước bàn giao dùng handover-check. KHÔNG dùng cho màn mới, lớp phủ mới, luồng nhiều bước. Gọi khi người dùng nói "sửa nhỏ", "chỉnh nhanh", "sửa chữ".

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.