swiss-design-skill
Swiss-style web design with Tailwind grids and typography
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install swiss-design-skill?▼
Run `npx skills add zeke/swiss-design-skill --all -g -y` in your terminal to install the skill globally.
What is Swiss International Style design?▼
It is a 1950s–60s design movement built on grotesque typography, strict grids, generous whitespace, and restrained color. This skill encodes those principles as concrete Tailwind CSS rules your agent can apply.
How do I apply Swiss design to an existing page?▼
Just ask your agent to apply the swiss-design skill to the page. It audits your colors, typography, and spacing, then rewrites the markup using the stone palette, IBM Plex Sans, and a 12-column grid.
Does swiss-design-skill support dark mode?▼
Yes. Every color token includes a dark variant driven by the system preference, with full guidance on color-scheme settings for scrollbars and native controls.
Do I need design experience to use this skill?▼
No. The skill contains all the rules, component patterns, and Tailwind configs, so your agent produces polished Swiss-style layouts from plain-English requests.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video