Alternatives to visual-design-foundations
50 AI Skills apps to use instead, best rated first.
Top picks
- W

webapp-testing
LaunchNative Python Playwright scripts for testing local web applications with server lifecycle management. Includes with_server.py helper to automatically start and manage single or multiple servers before running automation scripts. Supports re
- C

content-research-writer
LaunchAssists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on
- O

openhue
Launchopenhue is an agent skill from the OpenClaw project, listed on skills.sh. It lets an agent control Philips Hue lights and scenes through a Hue Bridge with the OpenHue CLI: turn lights on and off, dim rooms, set scenes such as movie mode, an
- B

batch-grill-me
Launchbatch-grill-me is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It interviews you relentlessly about a plan until you share an understanding. It maps decisions as a tree and asks every question it can answer now
- I

implement
Launchimplement is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It implements work from a spec or tickets: it fetches the ticket, works test-first at agreed seams, runs type checks and tests as it goes, reviews the re
- F

frontend-design
LaunchDistinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design choices. Guides aesthetic direction selection (brutalist, maximalist, retro-futuristic, luxury, organic, etc.) before implementat
More AI Skills apps

brainstorming
Transform rough ideas into fully-formed designs through structured questioning

finishing-a-development-branch
Guides completion of development work by presenting clear options

test-driven-development
Use when implementing any feature or bugfix, before writing implementation code
About visual-design-foundations

visual-design-foundations
Apply typography, color theory, spacing systems
visual-design-foundations is an agent skill from the wshobson/agents collection for building cohesive, accessible visual designs from the basic systems behind them: typography, color, spacing and iconography. The skill sets up a visual system that holds together across a product. Its core systems begin with a typography scale, which gives each text size a defined role, and it covers selecting and pairing typefaces, building accessible color palettes that meet contrast requirements, creating a spacing and sizing system so layouts follow a consistent rhythm, and designing icon systems that match in weight and style. It also covers improving visual hierarchy and readability, implementing dark mode or theming, and auditing an existing design for visual consistency. The skill applies when establishing design tokens for a new project, creating or refining a spacing system, selecting and pairing typefaces, building accessible palettes, designing icon systems, improving hierarchy, auditing consistency, and implementing theming. Design tokens are the named values that carry these decisions into code, so the agent can produce them alongside the design. Accessibility claims about color contrast should be checked with a measuring tool on the final palette. The skill is installed with the skills CLI from the wshobson/agents repository. Its skills.sh page showed about 13.3K installs and passing results from three security audits at the time of the scan.
- Price
- Free
- Made by
- wshobson
- Category
- AI Skills
- Website
- github.com/wshobson/agents/visual-design-foundations
