Big Pics, Little Words (Effective HTML)

3/5 out of 5. Read the verdict

Explains a subject in HTML with large visuals and very little text, while keeping the key details.

Big Pics, Little Words (Effective HTML)
After: Tally landing page, made with Big Pics, Little Words (Effective HTML)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.Full Big Pics, Little Words (Effective HTML) pageFull baseline

Every skill gets the same Tally brief, alone in a clean project. How we test

Our verdict

3/5 out of 5

Passed the cut

Big Pics, Little Words makes Tally all pictures: large flat illustrations drawn in code, a few words per section, warm paper colors and tomato and mustard accents. The dashboard leads with a dark card and a huge "$640 left to budget", and each envelope is a jar that fills up. It is a real idea, though the paper and dark-green palette are close to the default. The skill is meant to be called by hand, and in our runs it was loaded by reading its file. Pick it when you want visuals to carry the message.

Pick it for

  • explainer and onboarding pages
  • pitch pages
  • visual reports
  • simple dashboards

Skip it for

  • content-heavy pages
  • SEO-focused marketing
  • dense admin tools

Typography

Observations

  1. the cream paper, Fraunces and dark green are close to the default palette
  2. the skill is set to manual use only, so in both runs the agent read the skill file instead of calling it

Install

1 Run in your terminal

npx degit plannotator/effective-html/skills/big-pics-little-words#main .claude/skills/big-pics-little-words

2 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 big-pics-little-words skill from this repo.

Details

Type
Skill
GitHub stars
3,697*
Updated
2d ago
License
MIT
Source
GitHub (opens in a new tab)

Test runOpus 5.5Claude Code 2.1.303Oct 19, 2026generated in 6 minabout $1.22 at API pricescommit 975b047

* Stars are for the whole plannotator/effective-html repository.

Made this skill?Put your score on your README, and claim this page for a link to your site.

1. Put your score on your README

Tested on Skills for Design: 3 out of 5 [![Tested on Skills for Design: 3 out of 5](https://skillsfordesign.com/badge/effective-html-big-pics-little-words.svg)](https://skillsfordesign.com/s/effective-html-big-pics-little-words/)

The badge links here. If a retest changes the score, it updates by itself.

2. Claim this page

Get a free backlink to your site.

  • A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
  • Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
  • Free. Live within a few days.

How it will look

We check that you maintain the repo, then add your name and link, usually within a few days. Privacy

Similar

Same brief, other skills

Also for these tasks

Passed, score 3 out of 5

Design Artifact (Effective HTML)

Skill · Visual directionGitHub stars 3.7k

Design Artifact gave Tally its own idea: cash envelopes drawn with flaps and fill bars, tally marks that count days left and form the logo, cool ledger grey with cobalt and marigold, and condensed Big Shoulders Display headlines. The dashboard is a calm, cool-toned app screen with Bricolage Grotesque and one cobalt accent. Both are clean and distinct. Pick it when you want the agent to come up with a concept, not just a palette.

updated 2d ago

Passed, score 3 out of 5

Skeuomorphic UI (Meng To)

Skill · Visual directionGitHub stars 6.8k

Skeuomorphic UI gives Tally tactile beige surfaces, embossed buttons and stacked shadows, in Fraunces and DM Sans, with a Manrope dashboard. It's a real texture change from the baseline, but the green and the serif stay, and the mobile dashboard scrolls sideways. Pick it for a playful, physical feel.

updated today

Passed, score 3 out of 5

Fantasy (Awesome Design Skills)

Skill · Visual directionGitHub stars 3.3k

Fantasy recasts Tally as a royal treasury: a starry navy hero, New Rocker display type, gold accents, envelopes as "coffers" and plans named Squire, Knight and Guild. The dashboard has a deep-blue sidebar with a gold crest and gold-cornered cards. The theme is fun and consistent, but the light dashboard is calmer than the landing. Pick it for gaming or playful brands.

updated 4mo ago

Passed, score 3 out of 5

ECC Frontend Design Direction

Skill · Visual directionGitHub stars 282k

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.

3/5 · passedInstall