AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Home/All Skills/Frontend Development/web-proto-brutalist

web-proto-brutalist

Original：🇺🇸 English

Translated

Swiss industrial-print 风: 单字 grotesque、巨数字、ASCII 装饰

5installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything web-proto-brutalist

SKILL.md Content

View Translation Comparison →

【模板: Brutalist 网页原型】【意图】Swiss Industrial Print 风格, 不柔和不友好, 强权威感。【布局】

Newsprint canvas + hairline grid dividers
Monolithic black grotesque 标题, viewport-bleeding 巨数字
Hazard-red accent + ASCII 装饰 (┌─┘ 等)
Sections 用极简数字编号

Download

Download TranslatedIncludes original Skill.md

(7.1 KB)Download Original(6.4 KB)

Related Skills

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

nextjs

Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts and React 19.2. Prevents 25 documented errors. Use when: building Next.js 16 projects, or troubleshooting async params (Promise types), "use cache" directives, parallel route 404s, Turbopack issues, i18n caching, navigation throttling.

typeset

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

web-proto-brutalist

NPX Install

Tags

SKILL.md Content