Generate Swiss Design and Bauhaus UI layouts with CSS/TSX design tokens.
npx skills add https://github.com/toddmoy/protobox --skill modernist
Please help me install this Agent Skill. Skill: modernist Source: https://github.com/toddmoy/protobox/tree/main/.claude/skills/modernist Command: npx skills add https://github.com/toddmoy/protobox --skill modernist
Inspire frontend designs rooted in Swiss, Bauhaus, Minimalist, and De Stijl movements, emphasizing grids, typography, and primary colors.
Define a Swiss grid-based layout with bold typography and restrained color palette.
High-intent search queries and answers about installing and using this skill.
Swiss Design grids organize layouts using modular systems—typically 12-column grids with strict proportions. This Skill generates grid specs, typography scales, and CSS/TSX components that enforce Swiss grid discipline, asymmetric balance, and geometric form constraints for web and digital interfaces.
Swiss Design emphasizes functional grids and typography hierarchy; Bauhaus combines geometric abstraction with primary colors and ornament-free composition. This Skill draws from both movements, producing design systems with strict grid layouts, restrained color palettes, and modular components for dashboards and portals.
Yes. This Skill produces responsive 12-column Swiss grids and Bauhaus modular layouts with typographic scales built into CSS and design tokens. It outputs code-ready components and style tokens for web interfaces requiring strict grid discipline across screen sizes.
De Stijl compositions use primary colors, geometric forms, and asymmetric balance within grids. This Skill generates De Stijl-informed layouts with Mondrian-style grid compositions, primary color constraints, and reusable TSX components for marketing sites and digital interfaces.
Minimalist design systems output CSS stylesheets, TSX component specifications, layout specs, and design tokens defining grids, typography scales, and color constraints. This Skill delivers code-ready assets and tokens compatible with modern frontend workflows.
Use Swiss grids for interfaces requiring functional clarity, strict proportions, and strong typographic hierarchy—dashboards, portals, and data-heavy sites benefit from grid discipline. This Skill is ideal when ornament-free, grid-based minimalism aligns with your design goals.
AgLyx3Generate design tokens from a brand color and export them in JSON, CSS, and SCSS.
theandyalvarez7-rubyGenerate design tokens and component documentation for developer handoff.
lemuAutomate responsive UI layouts with container queries, fluid typography, and CSS Grid/Flex.
ihlamuryEnforce Things-inspired design constraints for light mode interfaces using Inter font and an 8px grid.
