Khám phá thư viện
Bộ lọc1
open-design
nexu-io
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.
editor
pascalorg
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.
cursor-talk-to-figma-mcp
grab
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.
preline
htmlstreamofficial
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.
magic-mcp
21st-dev
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.
effective-html
plannotator
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.
Silex
silexlabs
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.
scroll-craft
nateherkai
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ể.
thesvg
glincker
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.
appllama-skills
Appllama
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.
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.
terravision
patrickchugh
TerraVision tạo các sơ đồ kiến trúc đám mây chuyên nghiệp theo phong cách chính thức của AWS, Azure và GCP từ prompt AI hoặc Terraform, và có thể chuyển đổi sơ đồ thành mã Terraform.
ux-ui-agent-skills
plugin87
Một bộ hướng dẫn có cấu trúc và hệ thống thiết kế toàn diện biến Claude thành kiến trúc sư thiết kế cấp cao cho các kết quả UI/UX nhất quán và dễ tiếp cận.
gpt-image2-ppt-skills
JuneYaooo
Skill Claude Code này tạo ra các bài thuyết trình PowerPoint chất lượng cao, thẩm mỹ bằng cách sử dụng GPT-image-2, từ đầu hoặc bằng cách bắt chước các mẫu hiện có.
agent-vision-toolkit
Anionex
Cung cấp cho các AI agent thuần văn bản khả năng thị giác như OCR, khôi phục giao diện UI và tự động hóa GUI thông qua bộ công cụ chuyên dụng.
awesome-claude-design
rohitg00
Danh sách tuyệt vời này thu thập các lời nhắc DESIGN.md, công thức phối lại và kỹ năng cho Claude Design, giới thiệu các họ thẩm mỹ và cung cấp tài nguyên cho thiết kế UI do AI điều khiển.