CtrlK
BlogDocsLog inGet started
Tessl Logo

create-apple-notes-mockup

Render pixel-accurate Apple Notes (iPhone, light mode) screenshot mockups from a JSON note spec. Outputs HTML + PNG at the iPhone 16/15 Pro native 1180×2556. Supports paragraphs, images, checklists, dividers, autocorrect underline, smart quotes, and an optional iOS keyboard chrome overlay used by the parent video-ad molecule.

69

Quality

85%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

96%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is an exemplary lean, actionable skill doc: executable CLI, complete schema, validation feedback loop, and a failure-mode table. The only gap is that the Files table references scripts and examples that are not present in the bundled references/assets/scripts directories.

Suggestions

Reconcile the Files table with the actual bundle: either ship render.js/generate.js/screenshot.js/templates and examples/*.json, or note that they live in the parent repo and how to obtain them.

Ensure every path referenced in the body (e.g. examples/mid.json, examples/long.json in the CLI block) resolves within the bundle or is clearly marked as external.

DimensionReasoningScore

Conciseness

Lean and dense throughout: a full JSON schema, executable CLI, flag table, failure-mode table, and a fidelity checklist, with no padding or explanation of concepts Claude already knows.

5 / 5

Actionability

Copy-paste-ready CLI commands, a complete JSON schema with per-field semantics, concrete setup steps, and an explicit output layout cover the common cases fully.

5 / 5

Workflow Clarity

The 4-step workflow includes an explicit verify-and-re-render feedback loop, reinforced by a Quality Checks checklist, giving clear validation checkpoints for a visual render task.

5 / 5

Progressive Disclosure

Well-organized sections with a one-level Files table pointing to bundle files, but several referenced scripts/examples (render.js, generate.js, examples/*.json, tests/run-all.sh) are not present in the actual bundle, leaving some navigation unresolved.

4 / 5

Total

19

/

20

Passed

Description

75%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is highly specific and distinctive, clearly conveying what the skill renders and at what fidelity/resolution. Its main weakness is the absence of an explicit 'when to use' trigger clause, which leaves the use-case implicit.

Suggestions

Add an explicit 'Use when...' clause naming natural trigger phrases (e.g. fake Apple Notes screenshot, typing-animation video ad, noted-to-self storyboard beat).

Include a few synonyms users might say ('note mockup', 'fake iPhone notes screenshot') to broaden trigger coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete actions (render mockups, output HTML+PNG at a specific native resolution) plus comprehensive block-type support (paragraphs, images, checklists, dividers, autocorrect underline, smart quotes, keyboard overlay).

5 / 5

Completeness

The 'what' is stated clearly and concretely, but the description lacks any 'Use when...' or equivalent explicit trigger guidance, which caps completeness at 3 per the guidelines.

3 / 5

Trigger Term Quality

Natural terms like 'Apple Notes', 'screenshot mockups', 'iPhone', and 'HTML + PNG' are present, but common variations/synonyms (e.g. 'fake screenshot', 'note mockup') are missing and there is no explicit trigger phrase.

4 / 5

Distinctiveness Conflict Risk

A clear niche (Apple Notes iPhone light-mode mockups from a JSON spec) with distinct triggers and even a pointer to the parent video-ad molecule, giving minimal conflict risk.

5 / 5

Total

17

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 1 deeper-than-1-level

Warning

Total

15

/

16

Passed

Repository
gooseworks-ai/goose-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.