59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
Loại sản phẩm
Cảnh
- 001
Bài viết blog Bài viết dài / bài blog — có masthead, placeholder ảnh hero, nội dung bài viết với hình ảnh và trích dẫn nổi bật, chữ ký tác giả, bài viết liên quan. Sử dụng khi yêu cầu có từ 'blog', 'bài viết', 'post', 'tiểu luận' hoặc 'nghiên cứu tình huống'. - 002
Báo cáo ca lâm sàng Trình bày ca bệnh có cấu trúc cho buổi thăm khám, hội nghị và lưu trữ hồ sơ. Tạo báo cáo định dạng SOAP hoặc mô tả với các chỉ số sinh hiệu chính xác, xét nghiệm và phương án điều trị dựa trên bằng chứng. - 003
Bản đồ năng lực tương tác Codex Chuyển đổi bài viết dài, chuỗi thảo luận, bản ghi nhớ hoặc mô tả sản phẩm thành bản đồ năng lực có thể nhấp theo phong cách Codex với vòng lặp workflow, ma trận use-case và bảng chi tiết responsive. - 004
Critique Thực hiện đánh giá thiết kế chuyên sâu 5 chiều cho bất kỳ thành phẩm HTML nào trong dự án — Triết lý/Phân cấp trực quan/Chi tiết/Chức năng/Đổi mới, mỗi mục chấm điểm 0-10. Xuất báo cáo HTML độc lập với biểu đồ radar, điểm số có bằng chứng và ba danh sách: Giữ lại/Sửa chữa/Cải thiện nhanh. - 005
Bảng điều khiển Bảng điều khiển quản trị/phân tích trong một file HTML duy nhất. Thanh bên trái cố định, thanh trên có người dùng/tìm kiếm, lưới chính các thẻ KPI và biểu đồ. Sử dụng khi cần màn hình 'bảng điều khiển', 'quản trị', 'phân tích' hoặc 'bảng điều khiển'. - 006
Báo Cáo Trực Quan Hóa Dữ Liệu Chuyển đổi dữ liệu CSV, Excel hoặc JSON thành trang báo cáo trực quan chuyên nghiệp. - 007
Dating Web Bảng điều khiển hẹn hò/ghép đôi dành cho người tiêu dùng với thanh điều hướng bên trái, thanh ticker tín hiệu cộng đồng, KPI chính, biểu đồ cột ghép đôi tương hỗ 30 ngày và khối xu hướng tỷ lệ ghép đôi. Kiểu chữ biên tập, điểm nhấn tiết chế. Phù hợp cho trang web hẹn hò, ghép đôi, bảng điều khiển cộng đồng hoặc mạng xã hội. - 008
Định giá DCF Định giá dòng tiền chiết khấu và phân tích giá trị nội tại cho công ty đại chúng. Dùng cho DCF, giá trị hợp lý, giá trị nội tại, giá mục tiêu và phân tích định giá thấp/cao. - 009
Trưng bày 3D thiết bị Trưng bày 3D tĩnh của iPhone và MacBook với HTML thực được nhúng trên màn hình, khúc xạ thấu kính thủy tinh và bố cục xoay 360 độ. - 010
Hướng dẫn điện tử Bản xem trước hướng dẫn điện tử 2 trang — trang 1 là bìa (tiêu đề, tác giả, thống kê 'Nội dung bên trong', giới thiệu mục lục); trang 2 là trang kép (nội dung bài học với trích dẫn và danh sách bước). Phong cách lifestyle / thương hiệu creator. Dùng khi yêu cầu 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' hoặc '电子指南'. - 011
Trang tài liệu Trang tài liệu với thanh điều hướng bên, nội dung cuộn được và mục lục. Sử dụng khi yêu cầu đề cập 'tài liệu', 'hướng dẫn', 'tham chiếu API' hoặc 'hướng dẫn chi tiết'. - 012
Tiếp thị qua email Mẫu email ra mắt sản phẩm với đầu trang, hình ảnh chính, tiêu đề nghiêng, nội dung chính, nút CTA chính và bảng thông số kỹ thuật trong bố cục HTML một cột căn giữa. - 013
Sổ tay vận hành kỹ thuật Sổ tay vận hành kỹ thuật — tổng quan dịch vụ, bảng cảnh báo, liên kết dashboard, quy trình thông dụng với lệnh có thể sao chép, lịch trực và danh sách kiểm tra phản ứng sự cố. Sử dụng cho runbook, tài liệu ops, hướng dẫn trực, tài liệu SRE hoặc 运维手册. - 014
Báo cáo tài chính Báo cáo tài chính quý/tháng với tiêu đề KPI, biểu đồ doanh thu và chi tiêu, bảng tóm tắt P&L, điểm nổi bật và đoạn triển vọng. Sử dụng khi yêu cầu đề cập 'báo cáo tài chính', 'báo cáo Q3', 'đánh giá MRR', 'P&L' hoặc '财报'. - 015
Mẫu bảng điều khiển trực tiếp Flowai Bảng điều khiển quản lý nhóm theo phong cách FlowAI với ba tab (Thành viên nhóm, Chi tiết nhóm, Nhật ký hoạt động), hàng thống kê KPI, bảng thành viên, biểu đồ cột phân bố vai trò, biểu đồ sparkline hiện diện trực tuyến và hoạt động, cùng bảng người đóng góp hàng đầu. Hỗ trợ chế độ sáng/tối, tooltip biểu đồ, phóng to và xuất CSV. - 016
Ứng dụng trò chơi hóa Nguyên mẫu ứng dụng di động trò chơi hóa ba màn hình: màn bìa, nhiệm vụ hôm nay với ruy-băng XP và thanh cấp độ, chi tiết nhiệm vụ. Phù hợp cho ứng dụng trò chơi hóa, theo dõi thói quen, ứng dụng cuộc sống RPG, ứng dụng nâng cấp, nhiệm vụ hàng ngày và ứng dụng XP/chuỗi. - 017
Bảng điều khiển GitHub Bảng điều khiển phân tích kho lưu trữ GitHub — sao, fork, người đóng góp, vấn đề, pull request, hoạt động gần đây và người đóng góp hàng đầu. Sử dụng cho bảng điều khiển kho GitHub, báo cáo tăng trưởng mã nguồn mở, trang tình trạng kho lưu trữ hoặc chế độ xem phân tích GitHub. - 018
Onboarding nhân sự Kế hoạch onboarding nhân viên mới trên một trang — lịch trình tuần đầu, giới thiệu buddy + quản lý, lộ trình học tập, danh sách thiết bị và kết quả 'bạn đã sẵn sàng khi…'. Sử dụng khi brief đề cập 'onboarding', 'nhân viên mới', 'kế hoạch tuần đầu' hoặc '入职'. - 019
Html Ppt Taste Brutalist Bộ trình chiếu HTML 16:9 theo phong cách tactical-telemetry / terminal CRT. Slide than CRT vô hiệu, chữ monospace phốt pho trắng, điểm nhấn đỏ nguy hiểm, lớp phủ scanline, cú pháp ASCII, mật độ hơn trang trí. Chắt lọc từ Leonxlnx/taste-skill `brutalist-skill` (chế độ Tactical Telemetry). - 020
Html Ppt Taste Editorial Bộ trình chiếu HTML 16:9 phong cách biên tập tối giản. Slide màu kem ấm, phông serif cho tiêu đề + grotesque cho nội dung, đường kẻ mảnh, metadata monospace, khoảng trắng rộng rãi, một màu nhấn. Chắt lọc từ Leonxlnx/taste-skill `minimalist-skill`. - 021
Hóa đơn Trang hóa đơn có thể in — khối người gửi + người nhận, bảng chi tiết mục, phân tích thuế, tổng cộng và hướng dẫn thanh toán. Sử dụng khi yêu cầu đề cập 'invoice', 'bill', 'billing statement' hoặc '发票'. - 022
Kami Landing Tạo tài liệu một trang chất lượng in — nền giấy da ấm áp, điểm nhấn xanh mực, serif một độ đậm, không italic, không xám lạnh. Kết quả trông như white paper chuyên nghiệp hoặc one-pager studio, không phải UI ứng dụng. Đa ngôn ngữ theo thiết kế (EN · zh-CN · ja). Một file HTML độc lập, không phụ thuộc. - 023
Tài liệu giấy da Kami Canvas giấy da ấm áp (#f5f4ed), điểm nhấn xanh mực đơn sắc (#1B365D), một họ font serif và kiểu chữ cấp biên tập. - 024
Bảng Kanban Bảng kanban / công việc với các cột (To do / In progress / In review / Done), thẻ có thể kéo, avatar người phụ trách, swimlanes và thanh lọc ở trên. Sử dụng khi brief đề cập 'kanban', 'task board', 'sprint board', 'trello' hoặc '看板'. - 025
30 ngày qua Nghiên cứu xu hướng cộng đồng và mạng xã hội trong 30 ngày qua. Sử dụng khi cần biết ý kiến hiện tại, cảm xúc gần đây, phản ứng cộng đồng, bằng chứng xã hội, phản hồi ra mắt, quét xu hướng hoặc bối cảnh 30 ngày qua. - 026
Bài báo tạp chí Bố cục bài báo tạp chí lấy cảm hứng từ Huashu / huashu-md-html để chuyển đổi Markdown hoặc ghi chú thành bài viết HTML dài chuyên nghiệp. - 027
Poster Tạp Chí Poster biên tập phong cách báo giấy với giấy in báo, dòng ngày tháng, tiêu đề serif cỡ lớn có gạch ngang và chữ nghiêng, nội dung 2 cột và 6 phần đánh số kèm chú thích trích dẫn. Phù hợp với poster tạp chí, bố cục biên tập, phong cách báo in hoặc tuyên ngôn. - 028
Poster Marketing Poster dọc hoặc ảnh chia sẻ kiểu Moments với hiệu ứng thị giác mạnh mẽ. - 029
Biên bản họp Trang biên bản họp — thanh tiêu đề có người tham dự, danh sách kiểm tra chương trình nghị sự, khối quyết định, bảng hành động với người phụ trách và ngày tháng, footer cho cuộc họp tiếp theo. Dùng khi đề cập 'biên bản họp', 'minutes', 'ghi chú 1:1', 'tóm tắt all-hands' hoặc '会议纪要'. - 030
Ứng dụng di động Màn hình ứng dụng di động được render bên trong khung iPhone 15 Pro chính xác từng pixel trên trang. Được tạo bằng cách sao chép tệp mẫu assets/template.html và dán một nguyên mẫu màn hình từ references/layouts.md. Sử dụng khi yêu cầu đề cập đến 'ứng dụng di động', 'ứng dụng iOS', 'ứng dụng Android', 'màn hình điện thoại' hoặc 'UI ứng dụng'. - 031
Onboarding di động Luồng onboarding di động đa màn hình được hiển thị dưới dạng ba khung điện thoại cạnh nhau — splash, giá trị sản phẩm, đăng nhập. Thanh trạng thái, chấm vuốt, CTA chính. Sử dụng khi đề cập đến 'onboarding di động', 'onboarding iOS', 'đăng ký qua điện thoại' hoặc '移动端引导'. - 032
Hồ Sơ Hiện Đại Hồ sơ xin việc hiện đại tối giản, một trang A4, sẵn sàng in hoặc xuất PDF. - 033
Motion Frames Tổng hợp thiết kế chuyển động đơn khung với hiệu ứng CSS lặp — vòng chữ xoay, quả địa cầu động, đồng hồ đếm, nhãn parallax. Render thành poster video hero cho HyperFrames hoặc công cụ xuất dựa trên keyframe. Phù hợp cho thiết kế chuyển động, hero động, video lặp, poster video và thẻ tiêu đề. - 034
Trang đích Open Design Tạo trang đích biên tập một trang với ngôn ngữ thị giác Atelier Zero (phong cách collage Monocle / Apartamento / Études). Điền inputs.json từ brief thương hiệu, tùy chọn tạo 16 tài nguyên collage qua gpt-image-2 và xuất file HTML độc lập với hiệu ứng cuộn và thanh điều hướng cố định. - 035
Orbit Tổng Hợp Được Orbit tự động kích hoạt khi có hai hoặc nhiều trình kết nối được kết nối. Thu thập hoạt động 24 giờ qua từ tất cả các trình kết nối đã xác thực (GitHub, Linear, Notion, Slack, 飞书, Lịch, Gmail, Drive, Sentry, Vercel, v.v.) và tạo bảng điều khiển lưới bento thích ứng ở đầu "我的设计". Được thực thi tự động bởi trình lập lịch tóm tắt hàng ngày của Orbit. - 036
Orbit Github Kỹ năng Orbit tự động tạo bản tóm tắt hàng ngày dựa trên kết nối GitHub. Lấy các PR, yêu cầu đánh giá, vấn đề, chạy CI và merge trong 24 giờ qua, hiển thị theo phong cách thông báo gốc của GitHub. Được gọi tự động bởi bộ lập lịch tóm tắt hàng ngày của Orbit. - 037
Orbit Gmail Trích xuất hoạt động hộp thư đến trong 24 giờ qua và tạo bản tóm tắt hàng ngày khi Gmail là dịch vụ duy nhất được kết nối hoặc được chọn rõ ràng. Tự động kích hoạt bởi bộ lập lịch Orbit, không nên chạy thủ công. - 038
Orbit Linear Tự động được kích hoạt bởi pipeline Orbit khi Linear là connector duy nhất được kết nối của người dùng hoặc khi người dùng giới hạn digest hàng ngày cho Linear. Lấy 24 giờ qua về di chuyển issue, thay đổi trạng thái, phân công và tiến độ chu kỳ, hiển thị theo ngôn ngữ trực quan inbox gốc của Linear. - 039
Orbit Notion Kỹ năng tóm tắt Open Orbit — được chọn bởi pipeline Orbit khi Notion là connector duy nhất được kết nối của người dùng hoặc khi người dùng giới hạn rõ ràng bản tóm tắt hàng ngày của họ vào Notion. Lấy các chỉnh sửa tài liệu, bình luận, đề cập và thay đổi hàng cơ sở dữ liệu trong 24 giờ qua từ kết nối Notion đã xác thực của người dùng và hiển thị bản tóm tắt dưới dạng trang Notion gốc (các phần tử callout/toggle/bảng cơ sở dữ liệu). Kỹ năng này không nên được kích hoạt thủ công — nó được gọi bởi bộ lập lịch tóm tắt hàng ngày của Orbit trên dữ liệu Notion trực tiếp. - 040
Đặc tả sản phẩm Đặc tả sản phẩm/PRD trên một trang — vấn đề, chỉ số thành công, phạm vi, user stories, ghi chú thiết kế, kế hoạch triển khai, câu hỏi mở. Dùng cho tài liệu đặc tả và yêu cầu tính năng. - 041
Trang giá Trang giá độc lập — tiêu đề, các cấp gói dịch vụ, bảng so sánh tính năng và câu hỏi thường gặp. Sử dụng khi yêu cầu có trang 'giá', 'gói dịch vụ', 'cấp đăng ký' hoặc 'so sánh gói'. - 042
Thẻ bài đăng Reddit Thẻ bài đăng Reddit chân thực với thanh bình chọn và số lượt bình luận, phù hợp cho lớp phủ video hoặc chia sẻ câu chuyện. - 043
Trang SaaS Trang đích SaaS đơn trang với hero, tính năng, bằng chứng xã hội, giá cả và CTA. Tuân thủ các token màu sắc/kiểu chữ/bố cục từ DESIGN.md đang hoạt động. Từ khóa kích hoạt: "saas landing", "marketing page", "product landing". - 044
Băng chuyền mạng xã hội Băng chuyền ba thẻ cho mạng xã hội với bố cục 1080×1080 hình vuông – ba bảng điều khiển điện ảnh phù hợp thương hiệu với tiêu đề hiển thị kết nối qua chuỗi ('tiến lên.' → 'đến cái tiếp theo.' → 'nhìn về phía trước.'). Mỗi thẻ có logo thương hiệu, số/tổng số, chú thích và affordance 'vòng lặp'. Sử dụng khi yêu cầu 'bài đăng băng chuyền', 'băng chuyền xã hội', 'băng chuyền Instagram', 'chuỗi LinkedIn', 'thẻ chuỗi X' hoặc '三连发'. - 045
Bảng điều khiển mạng xã hội Bảng điều khiển phân tích mạng xã hội cho nhà sáng tạo trong một tệp HTML duy nhất. Với bộ chuyển đổi nền tảng (X / LinkedIn / YouTube / Instagram), thẻ KPI (người theo dõi, tỷ lệ tương tác, lượt thích, chia sẻ lại), biểu đồ tăng trưởng người theo dõi, xem trước bài đăng nổi bật tuần này và bảng bên chủ đề thịnh hành/bình luận hàng đầu. - 046
Thẻ Đang Phát Spotify Thẻ đang phát kiểu Spotify với ảnh bìa album, thanh tiến trình và điều khiển phát, phù hợp cho lớp phủ video hoặc trang chủ cá nhân. - 047
Hoạt Ảnh Sprite Slide giải thích hoạt ảnh phong cách pixel art với nền màu kem, năm in đậm, linh vật pixel art (thẻ Hanafuda, nấm hoặc máy chơi game 8-bit), typography Nhật Bản động và dải thời gian. Hoạt ảnh CSS thuần, sẵn sàng quay thành video dọc. - 048
OKR nhóm Trang theo dõi OKR với banner quý, ba mục tiêu cùng kết quả chính dưới dạng thanh tiến trình, avatar người phụ trách, nhãn trạng thái và thanh bên 'tổng quan quý này'. Sử dụng khi brief đề cập đến OKR, kết quả chính, mục tiêu hoặc 目标. - 049
Tweaks Thêm bảng điều khiển trực tiếp vào bất kỳ phần tử HTML nào để điều chỉnh màu nhấn, tỷ lệ chữ, mật độ, chuyển động và giao diện. Thay đổi được áp dụng ngay lập tức vào thuộc tính tùy chỉnh CSS và lưu vào localStorage. - 050
Thẻ chia sẻ Twitter Thẻ trích dẫn hoặc dữ liệu Twitter được thiết kế để đi kèm với bài đăng. - 051
Trang danh sách chờ Trang đích tiền ra mắt tối giản với thu thập email, logo thương hiệu và lớp trang trí tùy chọn. Đọc màu sắc, kiểu chữ và quy tắc bố cục từ DESIGN.md. Phù hợp cho ra mắt sản phẩm, đăng ký beta, chương trình truy cập sớm và dự án độc lập. - 052
Nguyên mẫu Web Nguyên mẫu web desktop đa năng. Tệp HTML độc lập được tạo bằng cách sao chép `assets/template.html` và dán bố cục từ `references/layouts.md`. Mặc định cho trang đích, marketing, tài liệu hoặc SaaS. - 053
Web Prototype Taste Brutalist Nguyên mẫu web phong cách in công nghiệp Thụy Sĩ. Canvas giấy báo, chữ grotesque đen nguyên khối, số tràn khung viewport, đường phân cách lưới siêu mỏng, điểm nhấn đỏ nguy hiểm, trang trí cú pháp ASCII. Trích xuất từ Leonxlnx/taste-skill `brutalist-skill` (chế độ in công nghiệp Thụy Sĩ). - 054
Web Prototype Taste Editorial Nguyên mẫu web biên tập tối giản. Canvas đơn sắc ấm áp, tiêu đề serif + nội dung grotesque, viền 1px, màu pastel nhẹ nhàng, khoảng trắng rộng rãi, chuyển động vi mô. - 055
Web Prototype Taste Soft Nguyên mẫu web phong cách mềm mại chuẩn Apple. Canvas bạc/kem, thẻ viền kép, CTA nút lồng nhau, bán kính squircle rộng, chuyển động đàn hồi và lưới môi trường. Dựa trên soft-skill của Leonxlnx/taste-skill và phần 4–8. - 056
Wireframe Phác Thảo Wireframe vẽ tay với nền giấy kẻ ô, tông bút dạ/chì, nhiều tab nhãn, ghi chú giấy nhớ và biểu đồ phác họa. Phù hợp cho yêu cầu wireframe, sketch, lo-fi hoặc bảng trắng. - 057
Thẻ bài đăng X / Twitter Thẻ bài đăng X chân thực với các chỉ số tương tác (lượt thích, chia sẻ lại, lượt xem), phù hợp cho lớp phủ video hoặc thẻ hình ảnh có thể chia sẻ. - 058
X Research Nghiên cứu quan điểm công chúng trên X/Twitter về thị trường, công ty, sản phẩm hoặc cộng đồng. Sử dụng để tìm hiểu dư luận, bài đăng chuyên gia hoặc phản ứng xã hội về cổ phiếu, ngành, công ty, sản phẩm hoặc sự kiện thị trường. - 059
Thẻ Xiaohongshu Thẻ kiến thức theo phong cách Xiaohongshu, được sắp xếp dạng băng chuyền đa thẻ có thể vuốt.