Studio thiết kế UI tinh hoa
Thiết kế UI, hệ thống và đánh giá chuyên sâu
Studio thiết kế UI tinh hoa
Thiết kế UI, hệ thống và đánh giá chuyên sâu
Xem trước nội dung
Mô tả
Một chuyên gia thiết kế UI cấp cao cho web, thiết bị di động và máy tính để bàn. Công cụ này đánh giá và cải thiện giao diện hiện có, xây dựng mã UI có thể chạy được, tạo hệ thống thiết kế và đặc tả súc tích, đồng thời tạo các bản mô phỏng ý tưởng trực quan—tất cả với chất lượng thủ công, tính dễ sử dụng và khả năng tiếp cận cao. Mỗi đầu ra được thiết kế để tạo dấu ấn riêng thay vì chung chung, với hệ thống phân cấp rõ ràng, hệ thống hình ảnh nhất quán, bố cục đáp ứng và bao quát đầy đủ các trạng thái. Công cụ tuân thủ nghiêm ngặt nguyên tắc tiết kiệm token: cung cấp trực tiếp sản phẩm cần dùng, không mở đầu dài dòng, không nhắc lại yêu cầu và không thêm nội dung thừa. Ngôn ngữ đầu ra tuân theo ngôn ngữ của người dùng.
Kỹ năng liên quan
Xem tất cả
Trang webStudio AI Thiết kế
Biến ý tưởng thô, dàn ý nội dung hoặc ảnh chụp màn hình giao diện thành các sản phẩm thiết kế chỉn chu, sẵn sàng triển khai thông qua quy trình 8 giai đoạn có cấu trúc. ### Ai nên sử dụng Nhà sáng lập, quản lý sản phẩm, nhà tiếp thị, nhà giáo dục, người sáng tạo và lập trình viên cần thiết kế trực quan dễ tiếp cận và mã front-end sạch mà không cần thử nhiều lần. ### Những gì cần cung cấp - Mục tiêu thiết kế và đối tượng của bạn (trang đích SaaS, bảng điều khiển, giao diện di động, bảng tính in được, đồ họa mạng xã hội, áp phích hoặc bộ nhận diện thương hiệu). - Bất kỳ văn bản, kích thước, màu sắc thương hiệu hoặc ảnh chụp màn hình tham khảo nào bắt buộc (nếu bỏ qua, kỹ năng này sẽ áp dụng mặc định hợp lý và thông báo). ### Cách thức hoạt động 1. **Tóm tắt & Chiến lược**: Trích xuất mục tiêu và ràng buộc của bạn, gắn cờ các thông số kỹ thuật mâu thuẫn từ sớm và chọn chiến lược phù hợp (Chuyển đổi, Hiệu quả tác vụ, Khả năng đọc/In ấn, hoặc Ưu tiên khả năng tiếp cận). 2. **Hệ thống trực quan**: Khóa bảng màu ngữ nghĩa (với toán học độ tương phản WCAG 2.2 AA), tỷ lệ kiểu chữ dạng mô-đun và lưới 4px/8px. 3. **Sản xuất & Giải pháp thay thế thông minh**: Tạo HTML5/CSS3 ngữ nghĩa, vector SVG có thể mở rộng, bảng tính sẵn sàng in (`@page` / `@media print`) và mã thông báo thiết kế W3C—cùng 3 lời nhắc hình ảnh độc lập (Phân cấp nghiêm ngặt, Thẩm mỹ sáng tạo, Kết hợp) khi công cụ hình ảnh raster không hoạt động. 4. **Kiểm tra chất lượng 4 trạng thái trung thực**: Kiểm tra độ tương phản, nhãn, liên kết và hình học bản in, gắn thẻ mọi kiểm tra là `VERIFIED`, `NOT VERIFIED`, `FAILED` hoặc `NOT APPLICABLE`. ### Những gì bạn nhận được - Tóm tắt thiết kế ngắn gọn & Bảng mã thông báo hệ thống trực quan - Tệp HTML/CSS/SVG hoặc bố cục in sẵn sàng triển khai - Báo cáo kiểm tra chất lượng 4 trạng thái kèm hướng dẫn chỉnh sửa và xuất ### Giới hạn Đầu ra các định dạng mở (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) có thể nhập vào Figma/Illustrator thay vì tệp nhị phân đóng (`.fig`, `.psd`). Bản in thử CMYK thương mại và kiểm tra nhãn hiệu pháp lý yêu cầu con người xem xét.
Trợ lý SwiftUI chuyên sâu
Trợ lý kỹ thuật chuyên sâu dành cho các nhà phát triển SwiftUI. Công cụ hỗ trợ toàn diện cho công việc SwiftUI hằng ngày: phân tích và gỡ lỗi, đưa ra quyết định về kiến trúc, thiết kế cách kết hợp các view và quản lý trạng thái, xây dựng tính năng mới, rà soát và tối ưu mã hiện có, cũng như áp dụng các phương pháp tốt nhất hiện đại của SwiftUI (đồng thời Swift 6, framework Observation, NavigationStack), tối ưu hiệu năng, khả năng tiếp cận và Nguyên tắc giao diện con người của Apple. Công cụ điều chỉnh độ chuyên sâu theo từng nhiệm vụ: đưa ra cách sửa ngắn gọn cho vấn đề nhỏ và báo cáo kỹ thuật đầy đủ (chẩn đoán, lý do kiến trúc, mã, các đánh đổi và tự kiểm tra) cho vấn đề phức tạp. Công cụ luôn hướng đến việc cung cấp mã SwiftUI có thể biên dịch, cập nhật và sẵn sàng cho môi trường sản xuất, đồng thời phản hồi bằng ngôn ngữ của người dùng.
Sửa UI/UX ứng dụng
Biến các ảnh chụp màn hình ứng dụng Android và iOS hiện có thành các cải tiến UI/UX rõ ràng mà lập trình viên của bạn có thể thực thi. Đối với mỗi thay đổi, bạn sẽ nhận được: • Một bản mẫu sạch sẽ hiển thị kết quả đề xuất. • Một hình ảnh chú thích tương ứng với các mũi tên đánh số. • Một đoạn gợi ý triển khai có thể sao chép, giải thích những gì cần thay đổi, những gì cần giữ lại, cách thức hoạt động của các tương tác và cách xác minh kết quả. Được thiết kế cho chủ sở hữu ứng dụng, nhà phát triển và nhà thiết kế làm việc với lập trình viên hoặc trợ lý lập trình AI. Giữ nguyên bản sắc ứng dụng của bạn theo mặc định và tập trung vào các vấn đề bạn muốn giải quyết. Cân nhắc màn hình nhỏ và lớn, tỷ lệ văn bản, khả năng tiếp cận và bố cục đa ngôn ngữ RTL/LTR. Tiếng Anh là ngôn ngữ mặc định. Kỹ năng này phản hồi bằng ngôn ngữ của người dùng khi có thể xác định và giữ nguyên ngôn ngữ giao diện của ứng dụng trừ khi có yêu cầu dịch. Yêu cầu khả năng hiểu hình ảnh, tạo hình ảnh và chỉnh sửa hình ảnh tham chiếu để tạo ra các sản phẩm trực quan. Tạo ra các đề xuất thiết kế và hướng dẫn cho lập trình viên—không phải là ứng dụng đã biên dịch, triển khai hoặc kiểm thử.
Thông tin
- Phiên bản
- v3
- Cập nhật lần cuối
- Điểm tín dụng khi chạy
- Theo mức sử dụng
- Mô hình
- Tự động
