Skill6.7k repo starsupdated 11d ago
web-proto-brutalist
web-proto-brutalist generates stark, authority-driven webpage prototypes inspired by Swiss Industrial Print design. Use this skill when you need brutalist layouts featuring heavy grotesque typography, oversized numbers, hazard-red accents, ASCII decorative elements, and minimal numbered sections arranged on newsprint-style canvases with hairline grid dividers.
Install in Claude Code
Copygit clone --depth 1 https://github.com/nexu-io/html-anything /tmp/web-proto-brutalist && cp -r /tmp/web-proto-brutalist/next/src/lib/templates/skills/web-proto-brutalist ~/.claude/skills/web-proto-brutalistThen start a new Claude Code session; the skill loads automatically.
Definition
SKILL.md
【模板: Brutalist 网页原型】 【意图】Swiss Industrial Print 风格, 不柔和不友好, 强权威感。 【布局】 - Newsprint canvas + hairline grid dividers - Monolithic black grotesque 标题, viewport-bleeding 巨数字 - Hazard-red accent + ASCII 装饰 (┌─┘ 等) - Sections 用极简数字编号
More from this repository
article-magazineSkill
Substack / Medium 高级感长文排版, 适合公众号、博客发布
blog-postSkill
杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
card-twitterSkill
推特金句 / 数据卡, 适合配推文
card-xiaohongshuSkill
小红书风格知识卡片, 多张联排可滑动浏览
competitive-teardownSkill
定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告
dashboardSkill
固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图
data-reportSkill
把 CSV/Excel/JSON 数据转成漂亮的可视化报告页
dating-webSkill
消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势