@appscreenshotstudio/mcp 0.6.3 → 0.8.0

package/README.md

@@ -187,6 +187,7 @@ Once installed, use `/appscreenshotstudio` in Claude Code or just ask "generate
 | `iphone-6.3` | iPhone 17 Pro | 1206x2622 | Optional |
 | `ipad-13` | iPad Pro 13" | 2064x2752 | App Store |
 | `android-phone` | Android Phone | 1080x2340 | Play Store |
+| `pixel-11-pro` | Google Pixel 11 Pro | 1280x2856 | Play Store |
 | `android-tablet-10` | Android Tablet 7" | 1200x1920 | Play Store |
 | `android-tablet-large` | Android Tablet 10" | 1600x2560 | Play Store |
 | `apple-watch-ultra` | Apple Watch Ultra 2 | 410x502 | App Store |

package/dist/index.js

@@ -37,6 +37,7 @@ const DEVICES = [
     { id: 'iphone-6.3', name: 'iPhone 17 Pro', width: 1206, height: 2622, category: 'iphone', required: false },
     { id: 'ipad-13', name: 'iPad Pro 13"', width: 2064, height: 2752, category: 'ipad', required: true },
     { id: 'android-phone', name: 'Android Phone', width: 1080, height: 2340, category: 'android-phone', required: true },
+    { id: 'pixel-11-pro', name: 'Google Pixel 11 Pro', width: 1280, height: 2856, category: 'android-phone', required: false },
     { id: 'android-tablet-10', name: 'Android Tablet 7"', width: 1200, height: 1920, category: 'android-tablet', required: true },
     { id: 'android-tablet-large', name: 'Android Tablet 10"', width: 1600, height: 2560, category: 'android-tablet', required: false },
     { id: 'apple-watch-ultra', name: 'Apple Watch Ultra 2', width: 410, height: 502, category: 'apple-watch', required: true },
@@ -160,10 +161,6 @@ function buildDesignMessage(input, hasScreenshotImages = false) {
     parts.push(`Please include projectMeta with brand colors, mood, appCategory, and a rich globalVisualTheme description.`);
     return parts.join('\n');
 }
-/** Read local image files into the chat API's images payload. Same file
- *  handling as upload-screenshots; kind rides through to server-side
- *  placement (screenshots fill the generated device frames, mascots get
- *  placed decoratively around the phones). */
 function readImagesForChat(images) {
     const payload = [];
     const errors = [];
@@ -189,10 +186,10 @@ function readImagesForChat(images) {
 /** Shared images param for generate-screenshots and edit-screenshots. */
 const chatImagesSchema = z.array(z.object({
     file_path: z.string().describe('Absolute path to an image file on the local filesystem (PNG, JPG, or WEBP)'),
-    kind: z.enum(['screenshot', 'mascot']).default('screenshot')
-        .describe("'screenshot' = real app UI, automatically placed inside the generated device frames (in attachment order). 'mascot' = the app's character/mascot, placed decoratively around the phones (peeking from behind the hook card's phone, beside or in a corner on the closing card). Use a transparent PNG for mascots."),
+    kind: z.enum(['screenshot', 'mascot', 'reference']).default('screenshot')
+        .describe("'screenshot' = real app UI, automatically placed inside the generated device frames (in attachment order). 'mascot' = the app's character/mascot, placed decoratively around the phones (peeking from behind the hook card's phone, beside or in a corner on the closing card); use a transparent PNG. 'reference' = a look to match rather than content: a competitor's App Store listing, a design you want the style of, any image that already shows a phone with a headline above it. A reference is read for taste and is NEVER placed inside a frame, which is the point: wrapping a finished marketing card in a device frame puts a phone inside a phone."),
 })).max(5).optional()
-    .describe('Images to attach to this generation. App screenshots land inside the device frames automatically; a mascot gets placed around the phones. Both survive later edits and regenerations.');
+    .describe('Images to attach to this generation. App screenshots land inside the device frames automatically; a mascot gets placed around the phones; a reference only informs the design. All survive later edits and regenerations.');
 // ─── MCP Server ─────────────────────────────────────────────────────────────────
 const server = new McpServer({
     name: 'appscreenshotstudio',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscreenshotstudio/mcp",
-  "version": "0.6.3",
+  "version": "0.8.0",
   "mcpName": "com.appscreenshotstudio/mcp",
   "description": "MCP server for generating App Store screenshots via AppScreenshotStudio",
   "type": "module",

package/skills/appscreenshotstudio/SKILL.md

@@ -64,7 +64,7 @@ Call the `generate-screenshots` MCP tool with:
 - `features`: top 3-5 features as array
 - `brand_colors`: `{ primary, secondary?, accent? }` from theme files
 - `mood`: user's chosen mood
-- `device_id`: `"iphone-6.9"` (default), `"iphone-6.3"`, `"ipad-13"`, `"android-phone"`, `"android-tablet-10"` (7"), `"android-tablet-large"` (10"), `"apple-watch-ultra"`
+- `device_id`: `"iphone-6.9"` (default), `"iphone-6.3"`, `"ipad-13"`, `"android-phone"`, `"pixel-11-pro"`, `"android-tablet-10"` (7"), `"android-tablet-large"` (10"), `"apple-watch-ultra"`
 - `count`: number of cards (3-10)
 - `story_flow`: `"auto"` (default), `"hero-intro"`, `"problem-solution"`, `"benefit-first"`, etc.
 - `codebase_context`: the full context object from Step 1