visual-design

Solid

Use when creating posters, covers, social graphics, or other static visual designs. Covers composition, typographic hierarchy, colour, and producing original work rather than pastiche.

Web & Frontend 26 stars 3 forks Updated 3 weeks ago MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
48
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Visual Design ## Purpose Produce static visual designs — posters, covers, graphics — that are composed deliberately rather than assembled. Most weak design is not a failure of taste; it is a failure to establish a hierarchy. ## When to Use - Creating a poster, cover, banner, or social graphic. - Designing a static layout where composition carries the message. - Reviewing a design for hierarchy and balance. ## Capabilities - Composition: grid, balance, negative space, focal point. - Typographic hierarchy and pairing. - Colour: palette construction, contrast, and restraint. - Output for print (CMYK, bleed) and screen (RGB, pixel density). ## Inputs - The message, and the one thing that must be read first. - The medium, the size, and the viewing distance. - Brand constraints, if any. ## Outputs - A composed design with an unambiguous focal point. - Assets at the correct resolution and colour space for the medium. ## Workflow 1. **Establish the hierarchy first** — What is read first, second, third? If everything is emphasized, nothing is. This decision precedes every other one. 2. **Build on a grid** — Even a loose one. A grid is what makes an intentional composition distinguishable from an accidental one, and it is what makes breaking it read as deliberate. 3. **Use negative space as a material** — Space is not emptiness to be filled. It is what gives the focal point its force. 4. **Restrict the palette** — Two or three colours plus neutrals. Every additional colou...

Details

Author
nimadorostkar
Repository
nimadorostkar/Claude-Skills-collection
Created
1 months ago
Last Updated
3 weeks ago
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-fundamentals

A working reference for visual and graphic design fundamentals — typography, color, layout and grids, visual hierarchy, spacing, and the perception principles behind them. Consult this whenever making or critiquing visual design decisions: choosing or pairing typefaces, setting type for readability, building a color palette, laying out a page/screen/slide/poster, establishing hierarchy, fixing a cluttered or unbalanced composition, or explaining *why* a design does or doesn't work. Use it when the user asks for design feedback, wants their layout/typography/color improved, or is designing any visual artifact and wants it to look considered rather than accidental. Reach for this even when "design fundamentals" isn't named — any real visual-design choice benefits from it.

0 Updated 1 months ago
JoaoMonteiro100
Web & Frontend Listed

frontend-design

Use when building a frontend interface that needs a deliberate, distinctive visual direction instead of generic styling.

0 Updated 5 days ago
DanielNoamTuby
Web & Frontend Listed

design-fundamentals

Say why a design looks wrong, and what to change. Use this whenever something visual "looks off", "looks cheap", "feels amateurish", or "doesn't look professional" and the person cannot name why — and whenever someone needs colours, fonts or a layout chosen for them. Runs a measured review over colour, type, layout, grouping and hierarchy, then reports concrete fixes ranked by impact with a severity each; or turns a brief into a buildable spec — palette with hex and 60/30/10, a type pairing with real sizes off a scale, a grid. Checks the contrast maths people skip, including borders and other non-text elements (3:1), not just text (4.5:1). Scope is **print and static graphic design**: posters, flyers, packaging, labels, menus, signage, banners, book and album covers, logos and wordmarks, slide decks, social posts and thumbnails. Reach for it on phrasings like "why does this poster look cheap", "our deck cover feels amateurish", "these two brand colours fight each other", "what pairs with Montserrat ExtraBold"

0 Updated 2 days ago
labspangaea