@nguyenphp/antigravity-marketing 1.0.18 → 1.0.19

package/templates/.agent/skills/vision-analysis/SKILL.md

@@ -0,0 +1,174 @@
+---
+name: vision-analysis
+description: >
+  Analyze, describe, and extract information from images using the MiniMax vision MCP tool.
+  Use when: user shares an image file path or URL (any message containing .jpg, .jpeg, .png,
+  .gif, .webp, .bmp, or .svg file extension) or uses any of these words/phrases near an image:
+  "analyze", "analyse", "describe", "explain", "understand", "look at", "review",
+  "extract text", "OCR", "what is in", "what's in", "read this image", "see this image",
+  "tell me about", "explain this", "interpret this", in connection with an image, screenshot,
+  diagram, chart, mockup, wireframe, or photo.
+  Also triggers for: UI mockup review, wireframe analysis, design critique, data extraction
+  from charts, object detection, person/animal/activity identification.
+  Triggers: any message with an image file extension (jpg, jpeg, png, gif, webp, bmp, svg),
+  or any request to analyze/describ/understand/review/extract text from an image, screenshot,
+  diagram, chart, photo, mockup, or wireframe.
+license: MIT
+metadata:
+  version: "1.0"
+  category: ai-vision
+  sources:
+    - MiniMax Token Plan MCP (understand_image tool)
+---
+
+# Vision Analysis
+
+Analyze images using the MiniMax `MiniMax_understand_image` MCP tool available in the MiniMax Token Plan.
+
+## Prerequisites
+
+- MiniMax Token Plan subscription with valid `MINIMAX_API_KEY`
+- MiniMax MCP configured (`MiniMax_understand_image` tool available)
+
+### If MCP tool is not configured
+
+**Step 1:** The agent should fetch setup instructions from:
+**https://platform.minimaxi.com/docs/token-plan/mcp-guide**
+
+**Step 2:** Detect the user's environment (OpenCode, Cursor, Claude Code, etc.) and output the exact commands needed. Common examples:
+
+**OpenCode** — add to `~/.config/opencode/opencode.json` or `package.json`:
+```json
+{
+  "mcp": {
+    "MiniMax": {
+      "type": "local",
+      "command": ["uvx", "minimax-coding-plan-mcp", "-y"],
+      "environment": {
+        "MINIMAX_API_KEY": "YOUR_TOKEN_PLAN_KEY",
+        "MINIMAX_API_HOST": "https://api.minimaxi.com"
+      },
+      "enabled": true
+    }
+  }
+}
+```
+
+**Claude Code**:
+```bash
+claude mcp add -s user MiniMax --env MINIMAX_API_KEY=your-key --env MINIMAX_API_HOST=https://api.minimaxi.com -- uvx minimax-coding-plan-mcp -y
+```
+
+**Cursor** — add to MCP settings:
+```json
+{
+  "mcpServers": {
+    "MiniMax": {
+      "command": "uvx",
+      "args": ["minimax-coding-plan-mcp"],
+      "env": {
+        "MINIMAX_API_KEY": "your-key",
+        "MINIMAX_API_HOST": "https://api.minimaxi.com"
+      }
+    }
+  }
+}
+```
+
+**Step 3:** After configuration, tell the user to restart their app and verify with `/mcp`.
+
+**Important:** If the user does not have a MiniMax Token Plan subscription, inform them that the `understand_image` tool requires one — it cannot be used with free or other tier API keys.
+
+## Analysis Modes
+
+| Mode | When to use | Prompt strategy |
+|---|---|---|
+| `describe` | General image understanding | Ask for detailed description |
+| `ocr` | Text extraction from screenshots, documents | Ask to extract all text verbatim |
+| `ui-review` | UI mockups, wireframes, design files | Ask for design critique with suggestions |
+| `chart-data` | Charts, graphs, data visualizations | Ask to extract data points and trends |
+| `object-detect` | Identify objects, people, activities | Ask to list and locate all elements |
+
+## Workflow
+
+### Step 1: Auto-detect image
+
+The skill triggers automatically when a message contains an image file path or URL with extensions:
+`.jpg`, `.jpeg`, `.png`, `.gif`, `.webp`, `.bmp`, `.svg`
+
+Extract the image path from the message.
+
+### Step 2: Select analysis mode and call MCP tool
+
+Use the `MiniMax_understand_image` tool with a mode-specific prompt:
+
+**describe:**
+```
+Provide a detailed description of this image. Include: main subject, setting/background,
+colors/style, any text visible, notable objects, and overall composition.
+```
+
+**ocr:**
+```
+Extract all text visible in this image verbatim. Preserve structure and formatting
+(headers, lists, columns). If no text is found, say so.
+```
+
+**ui-review:**
+```
+You are a UI/UX design reviewer. Analyze this interface mockup or design. Provide:
+(1) Strengths — what works well, (2) Issues — usability or design problems,
+(3) Specific, actionable suggestions for improvement. Be constructive and detailed.
+```
+
+**chart-data:**
+```
+Extract all data from this chart or graph. List: chart title, axis labels, all
+data points/series with values if readable, and a brief summary of the trend.
+```
+
+**object-detect:**
+```
+List all distinct objects, people, and activities you can identify. For each,
+describe what it is and its approximate location in the image.
+```
+
+### Step 3: Present results
+
+Return the analysis clearly. For `describe`, use readable prose. For `ocr`, preserve structure. For `ui-review`, use a structured critique format.
+
+## Output Format Example
+
+For describe mode:
+```
+## Image Description
+
+[Detailed description of the image contents...]
+```
+
+For ocr mode:
+```
+## Extracted Text
+
+[Preserved text structure from the image]
+```
+
+For ui-review mode:
+```
+## UI Design Review
+
+### Strengths
+- ...
+
+### Issues
+- ...
+
+### Suggestions
+- ...
+```
+
+## Notes
+
+- Images up to 20MB supported (JPEG, PNG, GIF, WebP)
+- Local file paths work if MiniMax MCP is configured with file access
+- The `MiniMax_understand_image` tool is provided by the `minimax-coding-plan-mcp` package

package/templates/.agent/workflows/analyze.md

@@ -73,6 +73,7 @@ Create actionable report:
 2. **Performance**: Metrics vs goals
 3. **Insights**: Why it happened
 4. **Recommendations**: What to do next
+5. **High-Fidelity PDF**: Use `minimax-pdf` to generate a professional, print-ready report for stakeholders.
 
 ## Output
 
@@ -80,9 +81,11 @@ Create actionable report:
 - Dashboard updates
 - Action items
 - Test hypotheses
+- **Professional PDF Report** (via `/report`)
 
 ## Skills Used
 
 - analytics-marketing
 - growth-hacking
 - conversion-optimization
+- minimax-pdf

package/templates/.agent/workflows/brand-report.md

@@ -0,0 +1,44 @@
+---
+description: Workflow tạo báo cáo tự động bằng cách "clone" phong cách từ website thương hiệu.
+---
+
+# /brand-report - Báo cáo Theo Phong cách Thương hiệu
+
+Sử dụng workflow này khi bạn muốn tạo một báo cáo có thiết kế y hệt một công ty nào đó chỉ bằng cách cung cấp URL website của họ.
+
+## Quy trình "One-Prompt" Tự động
+
+Bạn chỉ cần cung cấp thông tin theo mẫu:
+> "Chạy /brand-report cho dữ liệu trong file [tên_file] theo style của website [địa_chỉ_url]"
+
+### Các bước AI sẽ thực hiện tự động:
+
+1.  **Crawl Thương hiệu**: AI sử dụng `browser_subagent` truy cập website để lấy:
+    - Logo chính thức.
+    - Bảng màu đặc trưng (màu Primary, Secondary).
+    - Font chữ và phong cách thiết kế (Dark/Light mode).
+
+2.  **Thiết kế Layout**: Sử dụng `ui-ux-pro-max` để áp dụng các thông tin trên vào một hệ thống thiết kế báo cáo đồng bộ.
+
+3.  **Xử lý Dữ liệu**: Đọc file text của bạn và chuyển đổi thành các block nội dung chuyên nghiệp (biểu đồ, bảng, callout).
+
+4.  **Xuất bản PDF**: Dùng `minimax-pdf` để render kết quả cuối cùng ra file PDF chất lượng cao.
+
+## Ví dụ thực tế
+
+**Input**:
+- File: `marketing_results_q1.txt`
+- Website: `https://www.tesla.com`
+
+**Kết quả**: AI sẽ tạo một báo cáo PDF với:
+- Logo Tesla ở trang bìa.
+- Tông màu đỏ/đen/trắng đặc trưng của Tesla.
+- Font chữ hiện đại, tối giản.
+- Các biểu đồ được render theo màu của thương hiệu.
+
+## Skills Used
+
+- marketing-report-expert (Điều phối chính)
+- minimax-pdf (Xuất bản)
+- browser_subagent (Crawl brand)
+- ui-ux-pro-max (Hệ thống thiết kế)

package/templates/.agent/workflows/report.md

@@ -0,0 +1,49 @@
+---
+description: Workflow tạo báo cáo PDF chuyên nghiệp từ HTML/Markdown.
+---
+
+# /report - Tạo Báo cáo Chuyên nghiệp
+
+Sử dụng workflow này để chuyển đổi các nội dung marketing, kết quả phân tích hoặc đề xuất thành tệp PDF chất lượng cao.
+
+## Bước 1: Xác định loại báo cáo
+
+Chọn một trong các định dạng có sẵn để có thiết kế phù hợp:
+- `report`: Báo cáo chỉ số, thiết kế hiện đại, nhiều bảng biểu.
+- `proposal`: Đề xuất dự án, thiết kế trang trọng.
+- `resume`: CV hoặc giới thiệu chuyên gia.
+- `portfolio`: Trình bày dự án trực quan.
+- `magazine`: Thiết kế dạng tạp chí, nhiều hình ảnh.
+- `minimal`: Thiết kế tối giản, sạch sẽ.
+
+## Bước 2: Chuẩn bị nội dung
+
+1. **Tiêu đề (Title)**: Tên chính của báo cáo.
+2. **Tác giả (Author)**: Tên người hoặc đội ngũ thực hiện.
+3. **Nội dung (Content)**: Cung cấp văn bản theo cấu trúc:
+   - Các đề mục (H1, H2, H3)
+   - Văn bản nội dung (Body)
+   - Các điểm chính (Bullet points)
+   - Kết quả (Tables/Charts)
+
+## Bước 3: Tinh chỉnh thiết kế
+
+1. **Màu nhấn (Accent Color)**: Chọn mã màu HEX phù hợp với thương hiệu (ví dụ: `#2D5F8A` cho công nghệ, `#2E5E3A` cho môi trường).
+2. **Hình ảnh bìa**: Cung cấp đường dẫn hoặc mô tả hình ảnh cho trang bìa.
+
+## Bước 4: Thực thi tạo PDF
+
+Sử dụng công cụ `minimax-pdf` để render:
+1. Tổng hợp dữ liệu vào tệp `content.json`.
+2. Chạy lệnh tạo báo cáo.
+3. Kiểm tra tệp xuất ra (`out.pdf`).
+
+## Kết quả đầu ra
+
+- Tệp PDF chuyên nghiệp, sẵn sàng in ấn hoặc gửi khách hàng.
+- Báo cáo với bìa đẹp, mục lục tự động và dàn trang tinh tế.
+
+## Skills Used
+
+- minimax-pdf
+- vision-analysis (nếu cần phân tích ảnh bìa)