Hướng dẫn dùng Appllama MCP

Skill hướng dẫn dùng Appllama MCP để nghiên cứu màn hình, luồng và thành phần UI của các app di động doanh thu cao rồi xây dựng dựa trên đó.

Thiết kế · UITrung cấp★ 126⑂ 5Điểm AI 8/10Cập nhật lần cuối: 23 thg 8, 2026

Làm được gì

Là sổ tay sử dụng Appllama MCP (mcp.appllama.io): nêu rõ dùng tool nào, theo thứ tự nào.
Bắt đầu bằng get_credits (miễn phí) để kiểm tra credit, rồi search_apps → get_app → list_app_screens để đi qua từng màn hình theo đúng thứ tự hành trình (welcome → onboarding → paywall → tính năng).
Bảng liệt kê 12 tool: search_screens (keyword/semantic), get_screen (kèm 5 màn hình tương tự), list_flows, get_flow_apps, list_ui_elements, get_element_screens, boards cá nhân...
Nêu các quy tắc thực tế: phân trang bằng cursor tuần tự, link media hết hạn sau ~1 giờ, bỏ qua watermark góc trên trái, gặp rate limit thì chờ, coi lỗi là chỉ dẫn.
Đề xuất cấu trúc thư mục research/<category>/... để lưu ảnh và ghi chú vì link sẽ hết hạn.

Phù hợp với ai

Designer UI/UX mobile, product manager, dev app đã có quyền truy cập Appllama MCP.
Người muốn phân tích hệ thống mẫu onboarding/paywall của các app top doanh thu để tăng chuyển đổi.
Người dùng Claude Code muốn có tham chiếu thiết kế có dẫn chứng khi dựng màn hình.

Ví dụ sử dụng

"Làm cho tôi app theo dõi thói quen": tìm app top trong ngành → duyệt toàn bộ màn hình → tổng hợp pattern → dựng UI.
Dán screen ref dạng 1393061654/spl_9i075 từ nút "Copy Screen ID" để xem đúng màn hình đó và các màn hình tương tự.
Cải thiện paywall hiện có: list_flows → get_flow_apps lấy ví dụ doanh thu cao nhất → đề xuất sửa từng thành phần.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/Appllama/appllama-skills/HEAD/skills/appllama-usage/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)

Tải tệp ZIP bằng nút bên dưới.
Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.

↓ Tải ZIP

Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục skills/appllama-usage từ repo GitHub Appllama/appllama-skills vào ~/.claude/skills/appllama-usage/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/Appllama/appllama-skills.git && mkdir -p ~/.claude/skills && cp -r appllama-skills/skills/appllama-usage ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

Chuẩn bị tài khoản Appllama và quyền truy cập MCP (mcp.appllama.io); không có thì skill vô dụng.
Clone repo: git clone https://github.com/Appllama/appllama-skills.git
Copy skill: mkdir -p ~/.claude/skills && cp -r appllama-skills/skills/appllama-usage ~/.claude/skills/
Kiểm tra thư mục references/ (build-from-scratch.md, improve-a-screen.md, research-methods.md) đã được copy kèm.
Copy thêm appllama-app-design-skill trong cùng repo để có bước thiết kế/triển khai.
Khai báo server Appllama trong cấu hình MCP của Claude Code rồi khởi động lại.
Thử yêu cầu: "Nghiên cứu mẫu paywall bằng Appllama" — skill sẽ tự nạp và gọi get_credits trước.

Xem mã nguồn trên GitHub ↗Giấy phép: MIT