Khám phá thư viện

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.

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.

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.

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.

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.

Một MCP server cung cấp cho AI agent quyền truy cập vào các token, thành phần và tài liệu của SEED Design System.

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.

Lightswind UI là thư viện component React AI-native, CLI-first với hơn 160 component hoạt hình, sẵn sàng cho sản xuất và hỗ trợ MCP Server cho các tác nhân AI lập trình.