frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
Build a hand-drawn brand-design portfolio with case studies, a scope estimator and a working contact brief.

Additional service costs: New packshots, in-use photos and portraits are generated with your agent's own image tool, which may charge for usage. Without one, supply your own photos; the studio, process and sticker images can stay. Viewing the example costs nothing.
npx --yes skillry-cli@latest install bs-marker-doodle-brand-studioSign in first with npx --yes skillry-cli@latest login. Use Node.js 22+ on macOS or Windows; add --agent claude-code for Claude Code. The publisher also offers ZIP installation for Linux. Paid skills require your purchase or subscription.
Requests that put this skill to work.
Build a site for Juno Halvorsen, a brand and packaging designer who draws in marker, with four case studies.
v1.0.2CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Build a hand-drawn brand-design portfolio with case studies, a scope estimator and a working contact brief. Deliverables: One self-contained website file that opens in any browser and works offline, with fonts and images built in; a port into your own framework project when you have one. Case studies that pair each packshot with an in-use photo, plus a scope estimator, monthly and quarterly plans, process tabs and a validated contact brief. The signature marker headlines, blob portrait, stickers and colour service cards in a 21-page example with 16 images.
Your name, what you design and a short introduction Projects with client, year and outcome, plus services with real prices and contact details A cut-out portrait and project photos, or approval to generate stand-ins Publisher-listed dependencies: Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file; Internet access while the file is built, so the fonts can be downloaded once and embedded; An image tool in your agent, or your own photos, for portraits, packshots and in-use photos.
The skill package is free through Skillry with a publisher account. New packshots, in-use photos and portraits are generated with your agent's own image tool, which may charge for usage. Without one, supply your own photos; the studio, process and sticker images can stay. Viewing the example costs nothing.
Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-marker-doodle-brand-studio. The publisher documents Node.js 22 or newer on macOS or Windows for its CLI. Add --agent claude-code for Claude Code; the default installation folder is shared by Codex and Cursor. Linux users can use the publisher's ZIP installation option.