Framed Grid Layout (Meng To)
3/5 out of 5. Read the verdictMinimal framed grids with thin boundary lines, L-shaped corner brackets and strict alignment.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Framed Grid Layout (Meng To) 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
Framed Grid Layout puts every part of Tally inside thin ruled frames with corner brackets, on a pale off-white page, with Instrument Serif italics, Inter Tight and lots of mono labels. The dashboard is neat and technical, with a deep green accent and a rust warning color. Pick it if you like an architectural, blueprint-tidy look.
Pick it for
- SaaS landing pages
- developer and data tools
- architecture and studio sites
- finance dashboards
Skip it for
- playful consumer brands
- image-led marketing
- dark-mode products
Typography
Observations
- the serif-plus-green accents keep a trace of the default look
- many tiny mono labels make the page feel busy at a glance
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/web-design/framed-grid-layout#main .claude/skills/framed-grid-layout2 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 framed-grid-layout 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 direction
Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 5 minabout $1.06 at API pricescommit 83a47fe
Similar
Same brief, other skills
Liquid Glass Design (ECC)
Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.
updated 2d ago
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
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Agency Grid Layout Minimal (Meng To)
Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.
updated today
Blue Laser Clean Glass Layout (Meng To)
Blue Laser Clean Glass Layout puts Tally on near-black with a thin blue light beam, frosted glass panels and Inter Tight with mono labels. The dashboard is the stronger page: clear cards, blue bars and readable tables. The mobile dashboard scrolls sideways. Pick it for technical or premium dark products.
updated today
Clean Minimal Beige Light Mode (Meng To)
Clean Minimal Beige Light Mode keeps Tally soft and quiet: warm beige shells, Geist on the landing and Inter Tight on the dashboard, a muted sage accent and one dark panel for emphasis. It is closer to the default than most, but the sans type and calm grid set it apart. Pick it for understated products that want to feel calm.
updated today
Split Layout Technical (Meng To)
Split Layout Technical pairs light paper columns with dark canvas panels side by side, set in Instrument Serif italics, Inter and mono metadata. The dashboard is a sharp two-panel layout with an amber accent and a dark chart panel. Both mobile pages run a few pixels too wide. Pick it for technical products with an editorial streak.
updated today