web-prototype-taste-brutalist

Generate Swiss industrial-print web prototypes with Brutalist design guidelines.

1|Updated May 8, 2026
One-click install
npx skills add https://github.com/MyHeavenDyf/UXAI --skill web-prototype-taste-brutalist-myheavendyf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-prototype-taste-brutalist
Source: https://github.com/MyHeavenDyf/UXAI/tree/main/packages/app/octoapp/templates/web-prototype-taste-brutalist
Command: npx skills add https://github.com/MyHeavenDyf/UXAI --skill web-prototype-taste-brutalist-myheavendyf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a set of guidelines and tools for designing web prototypes with a Brutalist aesthetic, offering a rigorous and physical approach to web design.

Core Features & Use Cases

  • Design Consistency: Ensures consistent use of Swiss industrial print design principles.
  • Customization: Allows customization of substrates, accents, and typography.
  • Grid System: Utilizes a visible CSS grid for perfect 1px dividers.
  • Use Case: Ideal for creating editorial websites, newspaper layouts, agency portfolios, Swiss design, and manifesto sites.

Quick Start

To begin, run the 'web-prototype-taste-brutalist' skill and follow the provided design rules to create your prototype.

Frequently Asked Questions about web-prototype-taste-brutalist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is Swiss industrial print web design and how does it apply to Brutalist prototypes?

Swiss industrial print web design applies rigorous, physical aesthetics to Brutalist prototypes by enforcing specific color palettes, typography choices, and strict layout rules. This approach ensures design consistency for editorial websites, newspaper layouts, and agency portfolios.

How do I create a Brutalist web prototype with a visible CSS grid system?

To create a Brutalist web prototype, apply the provided design guidelines that utilize a visible CSS grid system for perfect 1px dividers. You can customize substrates, accents, and typography while adhering to Swiss industrial print principles for a rigorous physical layout.

Can I use this Brutalist design approach for agency portfolios and manifesto sites?

Yes, this Brutalist design approach is specifically suitable for agency portfolios and manifesto sites. It provides the necessary design components and rules to achieve a rigorous, physical aesthetic tailored for editorial websites and newspaper layouts.

What's the best way to ensure design consistency in Swiss industrial print web prototypes?

The best way to ensure design consistency in Swiss industrial print web prototypes is to follow the provided aesthetic guidelines. These rules govern color palettes, typography choices, and layout structures to maintain a rigorous and physical design style throughout the project.

Do I need specific dependencies to build Brutalist editorial website layouts?

No specific dependencies are required to build Brutalist editorial website layouts. The guidelines provide standalone scripts and references to help you implement the visible grid system, custom substrates, and typography directly into your prototype.