app-store-screenshots

Tổng quan

Kỹ năng này làm gì

Kỹ năng app-store-screenshots hướng dẫn một agent AI thiết kế và tạo ảnh screenshot cùng cảnh preview cho Apple App Store và Google Play Store bằng infsh (inference.sh) CLI.

Kỹ năng tập trung vào:

• Tạo device mockup sẵn sàng cho marketing trên iOS và Android
• Tuân thủ kích thước chính thức của nền tảng và loại thiết bị
• Sản xuất gallery đồng nhất phục vụ ASO và cập nhật app listing
• Chuẩn bị visual để bạn tinh chỉnh hoặc dàn layout sau trong công cụ thiết kế

Thay vì phải tự tay nhớ thông số và soạn prompt, bạn có thể để kỹ năng này điều khiển agent: đề xuất prompt, gọi các model infsh, và lặp lại ảnh đầu ra cho app store listing của bạn.

Dành cho ai

Kỹ năng này phù hợp nếu bạn là:

• Lập trình viên mobile cần screenshot nhanh, đúng chuẩn mà không có full design team
• Marketer hoặc chuyên gia ASO đang chuẩn bị asset mới cho đợt launch hoặc A/B test
• Nhà thiết kế muốn có điểm khởi đầu bằng AI cho device mockup và hero scene
• Founder hoặc indie dev muốn đánh bóng listing với ít công sức thiết kế thủ công

Giả định rằng bạn đã quen với việc chạy các lệnh CLI cơ bản và quản lý file ảnh trong pipeline thiết kế hoặc build hiện tại.

Vấn đề nó giải quyết

Với app-store-screenshots, một agent có thể giúp bạn:

• Tránh phải đoán kích thước screenshot iOS và Android
• Tạo nhanh các cảnh device mockup làm nổi bật tính năng chính của app
• Xây dựng gallery nhất quán theo yêu cầu của App Store và Google Play
• Tạo visual kiểu preview để sau này bạn cắt dựng thành video hoặc sequence động

Kỹ năng không tự upload asset lên store và cũng không thay thế quy trình submit chính thức. Trọng tâm là tạo ảnh và hướng dẫn bố cục, không phải tự động hóa app store.

Khi nào không phù hợp

Kỹ năng này có thể không lý tưởng nếu:

• Bạn không muốn cài đặt hoặc sử dụng CLI tool
• Bạn đã có bộ screenshot hoàn chỉnh, sẵn sản xuất và chỉ cần chỉnh nhẹ đồ họa
• Bạn cần tính năng tự động publish lên store, quản lý metadata hoặc cấu hình giá (ngoài phạm vi kỹ năng)

Nếu công việc chính của bạn là sáng tạo, tạo ảnh chuẩn thương hiệu, đúng kích thước cho app listing, thì app-store-screenshots rất phù hợp.

---

Cách sử dụng

1. Cài đặt và thiết lập

Để dùng app-store-screenshots trong môi trường agent có hỗ trợ skills, thêm skill này từ repository inferen-sh/skills:

npx skills add https://github.com/inferen-sh/skills --skill app-store-screenshots

Lệnh này giúp agent truy cập được hướng dẫn và prompt của skill để có thể:

• Tra cứu thông số screenshot cho App Store và Google Play
• Gợi ý prompt và tham số cho việc tạo ảnh bằng infsh
• Đề xuất cấu trúc gallery và thứ tự sắp xếp ảnh

Bản thân skill chỉ gồm metadata và hướng dẫn; phần tạo ảnh thực tế phụ thuộc vào inference.sh CLI.

Cài inference.sh CLI

Tài liệu gốc yêu cầu infsh CLI. Làm theo hướng dẫn cài đặt chính thức trong repository:

• Hướng dẫn cài CLI: https://raw.githubusercontent.com/inference-sh/skills/refs/heads/main/cli-install.md

Sau khi cài xong, đăng nhập:

infsh login

Đảm bảo infsh hoạt động được trong shell trước khi yêu cầu agent tạo screenshot.

2. Quy trình chính với infsh

Tạo một cảnh device mockup

Dùng một image model được hỗ trợ qua infsh để tạo mockup nền, ví dụ một chiếc iPhone đời mới đang hiển thị UI app của bạn:

infsh app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro showing a clean modern app interface with analytics dashboard, floating at slight angle, soft gradient background, professional product photography, subtle shadow, marketing mockup style",
  "width": 1024,
  "height": 1536
}'

Kỹ năng app-store-screenshots giúp agent:

• Tinh chỉnh prompt cho sát hơn với category và brand của app
• Gợi ý chi tiết bố cục (góc máy, ánh sáng, kiểu nền)
• Lặp lại đến khi cảnh phù hợp câu chuyện marketing bạn muốn kể

Sau đó bạn có thể export và chỉnh lại những ảnh này trong Figma, Sketch, Photoshop hoặc script build của mình.

3. Làm việc với thông số từng nền tảng

Kỹ năng này mã hóa các yêu cầu screenshot quan trọng của App Store và Google Play, đồng thời nhắc agent tuân thủ.

Apple App Store (iOS)

Hướng dẫn có kèm kích thước cho các thiết bị phổ biến, ví dụ:

• iPhone 6.7" (15 Pro Max) – 1290 × 2796 (bắt buộc)
• iPhone 6.5" (11 Pro Max) – 1284 × 2778 (bắt buộc)
• iPhone 5.5" (8 Plus) – 1242 × 2208 (tùy chọn)
• iPad Pro 12.9" (6th gen) – 2048 × 2732 (nếu app hỗ trợ iPad)
• iPad Pro 11" – 1668 × 2388 (nếu app hỗ trợ iPad)

Skill có thể hướng dẫn agent:

• Lên kế hoạch số lượng screenshot cho mỗi kích thước bắt buộc
• Giữ bố cục nhất quán giữa các kích thước
• Gợi ý text overlay vẫn dễ đọc ở tỉ lệ hiển thị trên App Store

Bạn vẫn là người chịu trách nhiệm export cuối cùng và upload qua App Store Connect.

Google Play Store (Android)

Hướng dẫn gốc cũng bao phủ yêu cầu cho Android / Google Play. Dựa vào đó, agent có thể:

• Đề xuất kích thước khớp với guideline của Play Console
• Giúp chuyển đổi concept iOS sang layout phù hợp với Android
• Giữ thương hiệu nhất quán giữa hai nền tảng

Điều này đặc biệt hữu ích khi bạn muốn một concept campaign duy nhất triển khai cho cả iOS lẫn Android mà không phải nghĩ lại từng screenshot.

4. Tích hợp vào workflow marketing và build

Cho team marketing và ASO

• Dùng skill trong quá trình lên kế hoạch ra mắt tính năng để prototyping nhanh các concept gallery mới
• Nhờ agent tạo biến thể phục vụ A/B testing trên store
• Tạo bộ ảnh theo chủ đề cho chiến dịch mùa vụ (ví dụ mùa lễ, back-to-school) bằng cách điều chỉnh prompt

Cho developer và workflow CI/CD

Nếu môi trường cho phép gọi CLI từ automation, bạn có thể:

• Viết script chạy infsh để tạo mới hoặc cập nhật screenshot trước mỗi bản release
• Lưu ảnh tạo ra vào repo hoặc pipeline asset
• Để agent đề xuất prompt template rồi commit chúng để tái sử dụng

Skill này không tự định nghĩa script CI, nhưng bạn có thể nhúng hướng dẫn và prompt của nó vào workflow riêng.

5. File và tài liệu nên xem

Trong repo inferen-sh/skills, hãy tập trung vào:

• guides/design/app-store-screenshots/SKILL.md – mô tả chính, ràng buộc và phần quick start
• Các hướng dẫn thiết kế liên quan trong guides/design/ giúp bổ sung bối cảnh về tạo ảnh và chuẩn bị asset sẵn sàng cho store

Đọc qua những phần này sẽ giúp bạn hiểu skill mong đợi agent xử lý thế nào khi tạo visual cho app store.

---

FAQ

app-store-screenshots là công cụ thiết kế hay chỉ là tập hướng dẫn?

app-store-screenshots là một skill definition và guide, không phải ứng dụng thiết kế độc lập. Nó dạy cho agent AI cách:

• Tuân thủ thông số ảnh trên app store
• Sử dụng đúng các model infsh
• Cấu trúc prompt và gallery theo mục tiêu marketing

Ảnh thực tế được tạo bởi inference.sh CLI và các model phía sau, không phải do skill tự tạo.

Tôi có bắt buộc phải dùng inference.sh CLI mới dùng được skill này không?

Có. Hướng dẫn gốc yêu cầu rõ ràng infsh CLI. Kỹ năng app-store-screenshots giả định agent có thể gọi lệnh infsh để:

• Xác thực (infsh login)
• Chạy model (ví dụ infsh app run falai/flux-dev-lora)

Nếu không có CLI, agent vẫn có thể tư vấn về thông số và chiến lược, nhưng không thể trực tiếp tạo ảnh.

Kỹ năng này có thể upload screenshot lên App Store hoặc Google Play giúp tôi không?

Không. app-store-screenshots chỉ tập trung vào tạo ảnh và định hướng bố cục. Bạn sẽ cần:

• Export hoặc tải về ảnh đã tạo
• Chuẩn bị metadata cần thiết
• Tự upload screenshot và asset preview qua App Store Connect hoặc Google Play Console.

app-store-screenshots có đảm bảo app của tôi được duyệt trên store không?

Không. Kỹ năng này giúp bạn bám vào kích thước khuyến nghị và thực hành visual tốt, nhưng:

• Guideline của nền tảng có thể thay đổi
• Việc duyệt còn phụ thuộc nội dung, tuân thủ chính sách và nhiều yếu tố khác

Luôn kiểm tra lại tài liệu mới nhất của Apple và Google trước khi gửi.

Tôi có thể đưa UI app thật của mình vào ảnh không?

Có. Dù prompt ví dụ trong hướng dẫn dùng dashboard analytics chung chung, bạn hoàn toàn có thể:

• Mô tả chi tiết gần sát UI thực của bạn
• Kết hợp background hoặc thiết bị do AI tạo với screenshot app thật trong công cụ thiết kế

Skill khuyến khích dùng đầu ra AI như mockup hoặc nền tảng sẵn sàng cho marketing, chứ không thay thế việc thể hiện sản phẩm thật của bạn.

Kỹ năng này có phù hợp để làm creative cho mạng xã hội không?

Dù được thiết kế cho app store screenshots, các prompt và cảnh mockup tương tự thường dùng tốt cho:

• Bài đăng mạng xã hội thông báo bản phát hành mới
• Quảng cáo trả phí có giao diện app
• Ảnh hero cho landing page

Nếu nhu cầu chính của bạn là creative mạng xã hội nói chung, bạn có thể cần thêm một skill tạo ảnh đa dụng bên cạnh app-store-screenshots.

Nếu tôi chỉ cần resize hoặc crop đơn giản thì sao?

Nếu bộ screenshot của bạn đã được thiết kế sẵn và chỉ cần resize, crop hoặc đổi định dạng cơ bản, app-store-screenshots có thể là hơi thừa. Skill này phát huy hiệu quả nhất khi bạn muốn:

• Mockup mới với sự hỗ trợ của AI
• Phát triển concept và lên kế hoạch gallery
• Lặp nhanh các visual marketing cho app listing

Với nhu cầu resize thuần túy, một workflow chỉnh ảnh cơ bản hoặc script tự động đơn giản có thể phù hợp hơn.