create-apple-notes-mockup
OfficialGenerate pixel-accurate Apple Notes mockups from JSON note spec.
Authorgooseworks-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for generating accurate Apple Notes screenshot mockups from JSON note specifications, suitable for ad production, social posts, and storyboards.
Core Features & Use Cases
- JSON Note Spec Input: Accepts JSON note specifications with structured content for rendering.
- Pixel-Perfect Mockups: Generates HTML and PNG mockups that closely resemble actual iPhone screenshots.
- Features: Supports paragraphs, images, checklists, autocorrect, and optional keyboard overlays. Outputs at iPhone 16/15 Pro native resolution.
- Use Case: A designer or ad creator can use this Skill to quickly create Apple Notes mockups for ad scenarios or product visuals.
Quick Start
Use the create-apple-notes-mockup skill to generate a mockup from the note spec in 'my-note.json'.
Dependency Matrix
Required Modules
playwright
Components
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: create-apple-notes-mockup Download link: https://github.com/gooseworks-ai/gooseworks-ads-skills/archive/main.zip#create-apple-notes-mockup Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.