UI de Télémétrie Tactique & Brutalisme Industriel

Architecture experte d'interfaces web brutes et mécaniques fusionnant la typographie suisse avec l'esthétique des terminaux militaires et des grilles modulaires rigides.

déclencheurs:brutalist uiindustrial designtactical telemetryswiss typographycrt aestheticmechanical interface

GitHub SKILL.md

Ce qu'il fait

Cette compétence permet à l'agent de créer des interfaces web 'brutalistes' à fort impact. Elle se concentre sur deux archétypes principaux : l'Impression Industrielle Suisse (mode clair, contraste élevé, typographie massive) et la Télémétrie Tactique/Terminal CRT (mode sombre, police monospace, lueur phosphore).

Quand l'utiliser

Activez-la lorsque l'utilisateur demande une esthétique 'brute', 'industrielle', 'militaire' ou 'brutaliste'. Idéal pour les tableaux de bord denses en données, les portfolios techniques ou les sites devant ressembler à des plans déclassifiés ou à des terminaux de mainframe hérités.

Ce qui est inclus

Instructions : Règles strictes pour l'échelle typographique (via clamp()), les palettes de couleurs (encre carbone, rouge danger, blanc phosphore) et l'ingénierie spatiale (rejet absolu du border-radius).
Spécifications Techniques : Conseils sur la simulation de la dégradation analogique via les filtres CSS/SVG (lignes de balayage CRT, tramage en demi-teintes).
Directives DOM : Utilisation de balises sémantiques comme <data>, <samp> et <kbd> pour une précision technique.

Agents compatibles

Optimisé pour les agents capables de frontend, dont Cursor, Claude Code et Codex.

Étiquettes

#frontend #ui-design #brutalism #css-grid #typography #web-engineering

Pas encore audité

Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.

Informations

Dépôt: lazycodex
Étoiles: 2,649

Compétences similaires

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

DAUB UI

A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.

dotLottie Web

Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin

React Context Setup

Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.

Angular Migration

Guides developers through migrating AngularJS (1.x) apps to modern Angular (2+), with hybrid ngUpgrade approaches, component/service conversions, DI strategies,

Retour aux compétences