Illustration: Outlined Cartoon (Meng To)
4/5 out of 5. Read the verdictHand-drawn SVG spot illustrations in an outlined cartoon style.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Illustration: Outlined Cartoon (Meng To) pageFull baseline
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
4/5 out of 5
Passed the cut
The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.
Compare with HallmarkPick it for
- consumer apps
- education and kids products
- friendly onboarding
- community and creator tools
Skip it for
- serious finance or legal brands
- enterprise software
- minimal brands
Typography
- Bricolage Grotesque
- DM Sanslanding
- Figtreedashboard
Colors
Observations
- the runs take far longer than the web-design skills, because every illustration is drawn by hand in SVG
- the hard offset shadows on every card make long pages busy
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/illustration/illustration-outlined-cartoon#main .claude/skills/illustration-outlined-cartoon2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We tested the illustration-outlined-cartoon skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 6,824 (Stars are for the whole MengTo/Skills repository.)
- Updated
- today
- License
- MIT
- Best for
- Visual directionLanding pages
Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 18 minabout $3.82 at API pricescommit 83a47fe
Similar
Same brief, other skills
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
Illustration: Vintage Emblem (Meng To)
The Vintage Emblem skill gives Tally a heritage badge, a sealed envelope inside a stamped emblem, and builds a print-shop brand around it: Anton capitals, Libre Caslon text, cream stock, deep forest ink and terracotta. The dashboard wears the same badge and colors, with Oswald headings. Pick it for brands that want craft, trust and a little nostalgia.
updated today
ECC Frontend Design Direction
ECC keeps a Fraunces and cream landing page but adds mono labels and a tilted sticky note. The IBM Plex dashboard is more useful than the baseline's, with a sync alert, search and person filters.
Also for these tasks
Illustration: Bold Pop (Meng To)
The Bold Pop skill draws pop-art scenes in navy outline with hot pink, lemon and lime fills, and builds a loud, cheerful Tally around them: Bricolage Grotesque, thick navy borders and hard offset shadows. The dashboard keeps every bit of it. The landing scrolls sideways a little on a phone. Pick it for playful consumer brands that want to be noticed.
updated today
Illustration: Halftone Line (Meng To)
The Halftone Line skill draws black line art with halftone dot shading and keeps Tally strictly two-color: black ink on warm paper, Instrument Serif headlines, mono captions and heavy rules. The dashboard follows with Newsreader and IBM Plex. It reads like a printed zine. Pick it for editorial or craft brands that like ink on paper.
updated today
Illustration: Teal Spot (Meng To)
The Teal Spot skill draws a single hero object, a wallet with coins, in deep teal outline and mint fills, and builds a clean teal-and-white Tally with Bricolage Grotesque and hard teal shadows. The dashboard reuses the object and the palette. The mobile dashboard scrolls sideways. Pick it for clear, friendly fintech.
updated today
Illustration: Flat With Black (Meng To)
The Flat With Black skill draws tall, flat-vector people in denim, yellow and black, and pairs them with a clean white Tally in Bricolage Grotesque and DM Sans, yellow highlights and a navy footer. The dashboard keeps the illustrations and the yellow accents, but scrolls sideways on a phone. Pick it for friendly, modern product sites.
updated today