Agent Plugins Marketplace
← All plugins

mobile-dev-workflow

v1.4.0

Quy trình dev React Native nhận layout từ BA (sơ đồ screen, kiểm tra Figma/HTML) và biệt đội Planner/Coder/Tester/Reviewer

Claude Code6 Skills

By sangnq0 GitHub starsUpdated 3 days ago

Directory evidence

Runtimes
Claude Code
Parsed components
6 skill or MCP entries
Source updated
Sep 21, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install mobile-dev-workflow for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install mobile-dev-workflow@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/sangnq2903/code-desklab-agent

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

mobile-dev-workflow/
├── .claude-plugin/plugin.json
├── skills/html-to-figma/SKILL.md
├── skills/idea-to-figma/SKILL.md
├── skills/mobile-dev-workflow/SKILL.md
├── skills/project-scan/SKILL.md
├── skills/screen-scan/SKILL.md
└── skills/squad/SKILL.md

Included Skills6

html-to-figmaskills/html-to-figma/SKILL.md

Chuyển file HTML design (mobile UI nhiều màn) thành các frame Figma qua Talk to Figma MCP rồi nối prototype flow bằng plugin Flow Wirer. Dùng khi người dùng gửi/đề cập file HTML design và muốn vẽ vào Figma, "html sang figma", "đưa UI lên Figma", "nối prototype flow". Tài khoản Figma Free.

idea-to-figmaskills/idea-to-figma/SKILL.md

Từ mô tả bằng lời của người dùng (app/màn hình/luồng) tự thiết kế UI mobile trực tiếp trên Figma qua Talk to Figma MCP, rồi nối prototype flow bằng plugin Flow Wirer. Dùng khi người dùng nói "thiết kế app ... trên Figma", "vẽ giúp màn hình ...", "tạo design từ mô tả", "design trên figma luôn". Không có file HTML sẵn (nếu có HTML thì dùng html-to-figma). Tài khoản Figma Free.

mobile-dev-workflowskills/mobile-dev-workflow/SKILL.md

Quy trình dev React Native/ReactJS nhận layout từ BA. Quét dự án, dựng sơ đồ mapping theo screen (Markdown + Mermaid), kiểm tra nguồn layout (Figma hoặc HTML do AI gen, HTML phải convert sang Figma) trước khi code, dừng hỏi khi mô tả BA lệch Figma, tự cập nhật sơ đồ sau mỗi task. Dùng khi nhận task UI, thêm hoặc sửa screen, nhận layout mới từ BA, hoặc khi cần quét dự án và tạo sơ đồ screen.

project-scanskills/project-scan/SKILL.md

Quét cấu trúc dự án React Native/ReactJS và ghi kết quả vào docs/project-structure.md (cây thư mục, công nghệ đang dùng, quy ước, điểm bất thường). Dùng khi nhận dự án mới, khi cần hiểu kiến trúc trước khi làm, hoặc khi cấu trúc dự án thay đổi. Không chụp ảnh, không quét screen chi tiết (việc của /screen-scan).

screen-scanskills/screen-scan/SKILL.md

Quét toàn bộ dự án React Native lần đầu để tạo sơ đồ screen (docs/screen-map.md) kèm ảnh chụp app thật từng screen trên iOS Simulator (docs/screens/). Dùng ngay sau khi cài plugin, khi nhận dự án mới, khi cần quét lại toàn bộ hoặc chụp bổ sung ảnh cho các screen còn thiếu.

squadskills/squad/SKILL.md

Điều phối biệt đội 4 vai Planner, Coder, Tester, Reviewer để thực hiện yêu cầu mới hoặc fix bug React Native theo từng bước, có điểm dừng chờ người dùng duyệt. Dùng khi người dùng gọi /squad hoặc giao một yêu cầu, task, bug cần làm bài bản qua lập kế hoạch, code, test, review.

Plugin manifests1

.claude-plugin/plugin.json
{
  "name": "mobile-dev-workflow",
  "description": "Quy trình dev React Native nhận layout từ BA (sơ đồ screen, kiểm tra Figma/HTML) và biệt đội Planner/Coder/Tester/Reviewer",
  "version": "1.4.0",
  "author": {
    "name": "sangnq"
  }
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[mobile-dev-workflow on Agent Plugins Marketplace](https://pluginsmp.com/plugins/mobile-dev-workflow)