Taste Lab
Taste Lab (/taste) biến bất kỳ URL trang web nào thành một bản tóm tắt "hương vị thiết kế" hoàn chỉnh, có bằng chứng—trích xuất các phép đo UI chính xác, các mẫu hệ thống và một DNA hương vị ngắn gọn mà các tác nhân AI của bạn có thể tuân theo.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
Thông tin Sản phẩm
Đã cập nhật:Jun 16, 2026
Taste Lab là gì
Taste Lab là một công cụ phân tích thiết kế đảo ngược kỹ thuật "gu" hình ảnh của bất kỳ trang web nào và chuyển đổi nó thành một ngữ cảnh thiết kế có thể hành động cho các tác nhân và nhà xây dựng AI. Bằng cách phân tích một URL mục tiêu, nó tạo ra một đầu ra có cấu trúc bao gồm một Bản đồ thiết kế đầy đủ (các mã thông báo thiết kế như màu sắc, kiểu chữ, khoảng cách, bán kính và bóng) và một DNA hương vị (lý do và các đánh đổi đằng sau các quyết định thiết kế). Mục tiêu là giúp các nhóm và công cụ AI tái tạo ý định thiết kế của một trang web một cách rõ ràng—dựa trên các phép đo khách quan thay vì các tính từ phong cách mơ hồ.
Các Tính năng Chính của Taste Lab
Taste Lab (tastelab.xyz) là một công cụ/kỹ năng phân tích thiết kế biến bất kỳ URL trang web nào thành một "ngữ cảnh thiết kế" hoàn chỉnh cho các tác nhân AI. Nó sử dụng một quy trình đa tác nhân để trích xuất các phép đo UI chính xác (các token như màu sắc, kiểu chữ, khoảng cách, bán kính, bóng), phát hiện các quy tắc thiết kế cấp hệ thống và suy ra "DNA Thị hiếu" cơ bản (các nguyên tắc với các yếu tố kích hoạt, quyết định, bằng chứng và đánh đổi). Đầu ra được tạo ra dưới dạng cả Markdown và JSON và có thể được tích hợp vào các quy trình làm việc thiết kế/mã hóa AI phổ biến (ví dụ: Cursor, Windsurf, Claude Code, Copilot) để các tác nhân có thể xây dựng UI nhất quán phù hợp với phong cách thiết kế của một trang web tham chiếu.
Trích xuất ngữ cảnh thiết kế từ URL: Nhập URL trang web và tạo một bản đồ thiết kế có cấu trúc nắm bắt các token UI khách quan như mã màu hex, kích thước/độ đậm phông chữ, đơn vị khoảng cách, bán kính và bóng.
Các phép đo độ chính xác cao (không có ước tính): Trích dẫn chính xác px/hex/tỷ lệ trên ~20 danh mục đo lường, tạo ra một bộ token có thể được tái sử dụng làm cơ sở hệ thống thiết kế.
Phát hiện mẫu thành các quy tắc hệ thống: Suy ra 5–8 quy tắc hệ thống từ các phép đo đã trích xuất, mỗi quy tắc có bằng chứng và mục tiêu thiết kế rõ ràng (lý do tồn tại của quy tắc).
Các nguyên tắc DNA Thị hiếu với các đánh đổi: Tạo ra bốn "nguyên tắc thị hiếu" (bao gồm ít nhất một nguyên tắc hạn chế) giải thích lý do đằng sau các lựa chọn thiết kế chính, được hỗ trợ bởi bằng chứng và các đánh đổi rõ ràng.
Đầu ra kép: Markdown + JSON: Viết một bản tóm tắt dễ đọc (.md) và một tệp có thể đọc được bằng máy (.json) để các nhóm có thể xem xét các quyết định và các công cụ có thể nhập các token một cách đáng tin cậy.
Tích hợp quy trình làm việc cho các công cụ AI: Xuất sang các vị trí hướng dẫn cụ thể của công cụ (ví dụ: quy tắc Cursor, quy tắc Windsurf, CLAUDE.md, hướng dẫn Copilot) để tác nhân AI có thể áp dụng phong cách đã trích xuất trong các lần chạy tiếp theo.
Các Trường hợp Sử dụng của Taste Lab
Sao chép thiết kế để tạo mẫu nhanh chóng: Các nhóm sản phẩm có thể cung cấp URL của đối thủ cạnh tranh hoặc nguồn cảm hứng để tạo ra một bộ token và các nguyên tắc giúp tăng tốc việc tạo ra một UI có cảm giác tương tự mà không cần kiểm tra thủ công.
Triển khai UI được hướng dẫn bởi tác nhân trong mã: Các nhà phát triển sử dụng trợ lý mã hóa AI có thể đính kèm đầu ra của Taste Lab để tác nhân tạo ra các thành phần/trang tuân thủ các quyết định về khoảng cách, kiểu chữ và màu sắc nhất quán.
Khởi tạo hệ thống thiết kế cho các công ty khởi nghiệp: Các nhóm giai đoạn đầu có thể tạo một hệ thống thiết kế ban đầu từ một trang web tham chiếu chất lượng cao, tạo ra các token và quy tắc có thể tái sử dụng để giữ cho sản phẩm nhất quán khi nó mở rộng.
Kiểm tra tính nhất quán của thương hiệu/thiết kế: Các trưởng nhóm thiết kế có thể so sánh đầu ra trên nhiều trang hoặc thuộc tính để phát hiện sự sai lệch trong các token và quy tắc, sau đó chuẩn hóa thành một bộ nguyên tắc duy nhất.
Các "bản tóm tắt thị hiếu" có thể tái sử dụng cho các cơ quan: Các cơ quan có thể cung cấp một bản tóm tắt thiết kế ngắn gọn, có bằng chứng (token + nguyên tắc + đánh đổi) để điều chỉnh các bên liên quan và giảm sự qua lại trong quá trình bàn giao.
Ưu điểm
Tạo ra các token thiết kế chính xác, có bằng chứng (px/hex/tỷ lệ) phù hợp để tái sử dụng theo chương trình.
Không chỉ nắm bắt UI là gì, mà còn lý do tại sao nó lại như vậy (nguyên tắc + đánh đổi), cải thiện độ tin cậy của tác nhân và sự đồng bộ của nhóm.
Đầu ra ở cả định dạng thân thiện với con người và máy móc và kết nối với nhiều chuỗi công cụ AI.
Nhược điểm
Tập trung vào việc trích xuất và hệ thống hóa phong cách thiết kế hiện có; nó có thể ít hữu ích hơn cho việc tạo ra các hướng hình ảnh hoàn toàn mới từ đầu.
Kết quả tốt nhất phụ thuộc vào khả năng truy cập/cấu trúc của trang web mục tiêu và độ trung thực của việc trích xuất tự động (ví dụ: các kiểu động hoặc UI nặng canvas có thể khó phân tích hơn).
Cách Sử dụng Taste Lab
1) Cài đặt các điều kiện tiên quyết: Chuẩn bị môi trường CLI (Claude Code hoặc Gemini CLI). Bạn cũng sẽ cần Playwright MCP có sẵn (nó tải xuống một thời gian chạy Chromium ~100MB).
2) Sao chép kỹ năng Taste vào thư mục kỹ năng của tác nhân của bạn: Sao chép kho lưu trữ vào thư mục chính xác cho công cụ của bạn: Claude Code: `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` hoặc Gemini CLI: `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Thêm máy chủ Playwright MCP (thiết lập một lần): Claude Code: chạy `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated`. Gemini CLI: thêm Playwright MCP vào `~/.gemini/settings.json` như sau: `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) Khởi động lại công cụ tác nhân của bạn: Khởi động lại Claude Code hoặc Gemini CLI để nó tải kỹ năng mới và cấu hình máy chủ MCP.
5) Chạy Taste Lab trên một URL trang web: Thực thi lệnh `/taste <url>` (ví dụ: `/taste https://linear.app`). Taste chạy một quy trình gồm 4 tác nhân: Trích xuất phép đo → Phát hiện mẫu → Suy luận hương vị → Quan sát viên (người chỉnh sửa/cổng chất lượng cuối cùng).
6) Xem xét các đầu ra được tạo: Mỗi lần chạy tạo ra hai tệp: `{domain}.md` và `{domain}.json`. Chúng chứa (1) Bản đồ thiết kế (các mã thông báo như màu sắc, kiểu chữ, khoảng cách, bán kính, bóng với các giá trị chính xác) và (2) DNA hương vị (4 nguyên tắc với Kích hoạt, Quyết định, Lý do, Bằng chứng, Đánh đổi; bao gồm ít nhất một nguyên tắc Hạn chế).
7) Sử dụng đầu ra để hướng dẫn công cụ AI của bạn: Áp dụng ngữ cảnh hương vị được tạo bằng cách đặt/thêm nó vào tệp tích hợp mà công cụ của bạn đọc, ví dụ: Cursor: `.cursor/rules/{domain}-taste.mdc`, Windsurf: `.windsurf/rules/{domain}-taste.md`, Claude Code: `CLAUDE.md` (thêm một phần Thiết kế hương vị), GitHub Copilot: `.github/copilot-instructions.md`, Bolt: `.bolt/prompt`, Gemini: `GEMINI.md`.
8) Chạy lại tác nhân của bạn với ngữ cảnh hương vị được bật: Khi tệp hương vị nằm trong vị trí hướng dẫn/quy tắc của công cụ của bạn, hãy chạy lại các tác vụ xây dựng/thiết kế bình thường của bạn; tác nhân sẽ chọn các mã thông báo thiết kế và các nguyên tắc DNA hương vị trong lần chạy tiếp theo.
Câu hỏi Thường gặp về Taste Lab
Taste Lab là một công cụ/kỹ năng đảo ngược kỹ thuật "gu thiết kế" của một trang web. Lệnh /taste của nó biến bất kỳ URL nào thành một ngữ cảnh thiết kế hoàn chỉnh cho một tác nhân AI, bao gồm Bản đồ Thiết kế (design tokens) và DNA Gu (nguyên tắc và lý do).
Video Taste Lab
Bài viết phổ biến
Atoms: Nền tảng AI đa tác nhân biến ý tưởng thành sản phẩm sẵn sàng ra mắt
May 22, 2026
Nano Banana SBTI: Nó là gì, Cách thức hoạt động và Cách sử dụng nó vào năm 2026
Apr 15, 2026
Đánh giá Atoms — Trình tạo sản phẩm AI định nghĩa lại việc tạo nội dung số vào năm 2026
Apr 10, 2026
Kilo Claw: Cách Triển Khai và Sử Dụng AI Agent "Làm-Thay-Bạn" Thực Sự (Cập Nhật 2026)
Apr 3, 2026
Công cụ AI Mới nhất Tương tự Taste Lab
Personalized License Plate Generator
Một công cụ sử dụng AI tạo ra các thiết kế biển số độc đáo và cá nhân hóa dựa trên đầu vào của người dùng.
Keak
Keak là một công cụ thử nghiệm A/B được hỗ trợ bởi AI tự động tạo ra các biến thể trang web, khởi động các thử nghiệm và tối ưu hóa tỷ lệ chuyển đổi.
Makeasite
Makeasite là một công cụ xây dựng trang web sáng tạo cho phép người dùng tạo và chia sẻ các trang web nhanh chóng chỉ bằng cách sử dụng các gợi ý.
Adviseful
Adviseful là một công cụ powered by AI giúp tăng tốc lập kế hoạch ứng dụng web và di động cho các công ty tư vấn CNTT và các cơ quan kỹ thuật số, biến ý tưởng thành khách hàng tiềm năng đủ tiêu chuẩn chỉ trong vài phút.
Công cụ AI Phổ biến Giống Taste Lab
GPT Engineer
GPT Engineer là một công cụ phát triển phần mềm được hỗ trợ bởi AI cho phép bất kỳ ai xây dựng các ứng dụng web bằng cách trò chuyện với một kỹ sư AI.
Framer
Framer là một trình xây dựng web mạnh mẽ cho phép các nhà thiết kế tạo ra các trang web đẹp, đáp ứng với giao diện trực quan và xuất bản chúng ngay lập tức mà không cần lập trình.
Framer Workshop
Framer Workshop là một trình tạo component được hỗ trợ bởi AI được tích hợp vào Framer, cho phép các nhà thiết kế và developer tạo các component trang web nâng cao, có thể tùy chỉnh mà không cần viết code thông qua các lời nhắc đàm thoại đơn giản.
Wireframer
Wireframer là một công cụ do AI cung cấp bởi Framer, công cụ này nhanh chóng tạo ra các bố cục và wireframe trang web sạch, đáp ứng từ các lời nhắc đơn giản, giúp các nhà thiết kế tạo ra các bản thiết kế cấu trúc mà không bị khóa vào các kiểu trực quan cụ thể.