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.

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.

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.

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.

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.

auteur

agiwhitelist

Kỹ năng Claude Code này cho phép các tác nhân AI chỉ đạo nghệ thuật và xây dựng các trang web và landing page điện ảnh bằng cách tạo tài sản và thực thi chất lượng thiết kế.

styleseed

bitjaru

StyleSeed cung cấp 23 kỹ năng agent để thực thi phán đoán thiết kế, triển khai bảng màu ngữ nghĩa và đảm bảo tính nhất quán UI đã được xác minh bằng chứng cho các agent lập trình AI.

Cung cấp thiết kế PCB có hỗ trợ AI cho KiCAD 10 thông qua một plugin Rust gốc, phơi bày 228 công cụ cho sơ đồ, bố cục, định tuyến và sản xuất cho các tác nhân AI.

Skill giúp agent khám phá nhiều hướng thiết kế UI khác nhau, so sánh cạnh nhau trên trang xem trước, rồi tinh chỉnh hướng đã chọn dựa trên ảnh chụp màn hình thực.