feat: add Android Phone, Android Tablet, iPad, and Feature Graphic support#16
Merged
ParthJadhav merged 2 commits intoApr 10, 2026
Merged
Conversation
…pport
Extends the skill to cover the full Google Play + App Store screenshot
matrix, not just iPhone.
New device support:
- Android Phone — CSS-only frame, 1080×1920
- Android Tablet 7" — CSS-only frame, portrait + landscape orientations
- Android Tablet 10" — CSS-only frame, portrait + landscape orientations
- Feature Graphic — 1024×500 Google Play banner, no device frame
- iPad — improved CSS-only frame with corrected aspect ratio
Architecture additions:
- Slide factory pattern (makeSlide / makeTabLSlide) — one factory per
slide, reused across all device types via PhoneComp + widthFn args
- Width formula functions (phoneW, tabletPW, tabletLW, ipadW) that
auto-scale device frame to canvas proportionally
- Platform-based directory structure for multi-platform apps
(screenshots/apple/iphone/, screenshots/android/phone/, etc.)
while keeping the original screenshots/{locale}/ structure for
iPhone-only apps unchanged
- Orientation toggle for tablet devices (portrait ↔ landscape)
- Landscape layout rule: caption-left + single device-right —
never two devices side-by-side (not enough canvas room)
- Toolbar split: scrollable controls (flex:1) + fixed export button
(flex-shrink:0) so the button never scrolls off screen
- overflowX:hidden on page wrapper prevents offscreen export elements
from causing horizontal scroll
What stayed the same:
- "Screenshots are ads, not docs" core principle
- Copy framework (hero → differentiator → features → trust → more)
- html-to-image double-call export trick
- Pre-loaded base64 data URIs for reliable export
- iPhone mockup.png + pre-measured overlay constants
- Original screenshots/{locale}/ path for iPhone-only apps
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… Hand-off Behavior sections These sections existed in the original SKILL.md and were accidentally omitted during the Android/multi-platform expansion: - Copy Process: 4-step workflow for writing and presenting copy options - Example Prompt Shapes: 3 sample prompts showing the expected input pattern - Reference Apps for Copy Style: Raycast, Turf, Mela/Notion as benchmarks - Hand-off Behavior: how to present finished work to the user - Export Quality checklist: restored theme tokens + RTL + localization checks Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Owner
|
This is great !! |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Extends the skill to cover the full Google Play + App Store screenshot matrix, not just iPhone.
Architecture additions
makeSlide/makeTabLSlide) — PhoneComp + widthFn args, reused across all devicesscreenshots/{locale}/preserved for iPhone-only appsoverflowX: hiddenon wrapper — prevents offscreen export elements causing horizontal scrollWhat stayed the same
Test scenario
Real-world app: property management SaaS (iOS + Android)
PS: I use @claude