Khám phá thư viện

Một không gian làm việc tác nhân thiết kế cộng tác mã nguồn mở và plugin biến các tác nhân mã hóa thành công cụ thiết kế cho các nguyên mẫu, trang đích, bảng điều khiển và phương tiện với nhiều tùy chọn xuất khác nhau.

taste-skill

Leonxlnx

Cung cấp 'gu thẩm mỹ' cho AI agent bằng cách cung cấp định hướng nghệ thuật, hình ảnh tham chiếu và kiểm tra trực quan trên trình duyệt.

archify

tt-a1i

Kỹ năng agent này chuyển đổi bất kỳ ý tưởng, kế hoạch hoặc mô tả codebase nào thành sơ đồ HTML tương tác, cho phép khám phá, tùy chỉnh và chia sẻ trực quan trong các agent coding AI.

diagram-design

cathrynlavery

Cho phép agent của bạn tạo ra các sơ đồ chất lượng biên tập với nhiều loại khác nhau bằng HTML+SVG tự chứa, không có đầu ra chung chung hay lộn xộn.

frontend-slides

zarazhangrui

Một kỹ năng giúp AI agent tạo các bài thuyết trình dựa trên HTML đẹp mắt từ đầu hoặc bằng cách chuyển đổi tệp PowerPoint.

Tạo các thiết kế giao diện, bản mẫu và tệp PPTX chuyên nghiệp ngay trong AI agent chỉ bằng các câu lệnh ngôn ngữ tự nhiên.

Pascal Editor là một trình chỉnh sửa kiến trúc 3D mã nguồn mở với các công cụ MCP, cho phép các AI agent tương tác và tạo ra các mô hình tòa nhà 3D.

html-anything

nexu-io

Trình chỉnh sửa HTML agentic này cho phép các AI agent viết và xuất tài liệu HTML, bản trình bày, áp phích và nguyên mẫu web từ các lời nhắc bằng ngôn ngữ tự nhiên bằng 75 mẫu kỹ năng có thể kết hợp.

Tìm kiếm và lấy hơn 3,400 icon và logo kèm link CDN thông qua MCP server cho AI coding agent của bạn.

Tích hợp các AI agent với Figma thông qua một MCP server và plugin, cho phép agent đọc và chỉnh sửa các tệp thiết kế theo chương trình.

Cung cấp cho các AI agent một thư viện các UI component, khối và template Tailwind CSS mã nguồn mở, được xây dựng sẵn để phát triển UI web nhanh chóng.

MCP server này cho phép các tác nhân AI tìm kiếm và tạo các thành phần UI React/Tailwind, giúp đơn giản hóa việc phát triển giao diện người dùng.

baoyu-design

JimLiu

Skill Agent này cho phép tạo cục bộ các bản mockup UI bóng bẩy, nguyên mẫu tương tác và wireframe dưới dạng HTML độc lập ngay trong agent mã hóa của bạn.

design-extract

Manavarya09

Trích xuất một hệ thống thiết kế hoàn chỉnh từ bất kỳ trang web nào, tạo ra các token DTCG, cấu hình Tailwind, biến Figma, v.v., cho các agent AI lập trình.

Plugin này cung cấp các kỹ năng agent để tạo ra các hiện vật HTML hữu ích, bao gồm wireframe, nguyên mẫu tương tác, kế hoạch và sơ đồ, phục vụ thiết kế và trực quan hóa.

Kết nối trình tạo trang web tĩnh trực quan với một AI agent, cho phép thiết kế dựa trên prompt và xuất HTML/CSS sạch.

Trang bị cho các AI agent các kỹ năng để xây dựng các trang web cuộn (scroll-driven) nhập vai, tuân theo các tiêu chuẩn thiết kế và mẫu tương tác cụ thể.

Cho AI editor truy cập hơn 7.400 icon SVG thương hiệu và cloud qua MCP server, kèm npm package, CLI và CDN.

Thư viện trực quan hóa dữ liệu React với các gói tác vụ giúp agent tạo và gỡ lỗi các biểu đồ phức tạp.

Một công cụ CLI giúp trích xuất hệ thống thiết kế từ các trang web hoặc mã nguồn thành định dạng mà Claude Code có thể tự động đọc và sử dụng.

Cung cấp cho tác nhân AI các kỹ năng xây dựng giao diện người dùng ứng dụng di động chất lượng gốc dựa trên các mẫu ứng dụng hàng đầu.

Nâng cao khả năng của AI agent để tạo giao diện người dùng tốt hơn bằng cách sử dụng các hệ thống thiết kế và hướng dẫn bố cục.

logo-design-skill

kaankiziltug

Kỹ năng này cung cấp cho các tác nhân AI kiến thức toàn diện, công cụ và thư viện tham khảo để thiết kế logo SVG sẵn sàng sản xuất.

design-dna

zanwei

Kỹ năng tác nhân này trích xuất Design DNA định lượng từ các giao diện người dùng tham chiếu (hình ảnh, ảnh chụp màn hình, URL) và sử dụng nó để tạo ra các thành phần và kiểu giao diện người dùng phù hợp từ nội dung của người dùng.