albegosu

Micrographic Skill — Testing skill for Claude Code

Testing community

Micrographic UI design skill for AI coding agents: build dense, technical, schematic spec-sheet interfaces inspired by industrial labels.

How to install Micrographic Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open albegosu/micrographic-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Micrographic Skill does

Micrographic UI design skill for AI coding agents: build dense, technical, schematic spec-sheet interfaces inspired by industrial labels.

Alternatives in Testing

  • Darwin Skill — 达尔文.skill —— 一个让你的Skill无限进化的系统:评估→改进→测试→保留或回滚 Autoresearch-inspired autonomous skill optimization for Claude C 5.7k ★
  • Claude Code Spec Workflow — Automated Kiro-style Spec workflow for Claude Code 3.6k ★
  • Cc Sdd — Spec-driven development (SDD) for your team's workflow 3.1k ★

README

micrographic-skill — UI Design System for AI Coding Agents

[![npm](https://img.shields.io/npm/v/micrographic-skill?color=0A0A0A&labelColor=0A0A0A&logo=npm&logoColor=FAFAFA)](https://www.npmjs.com/package/micrographic-skill) [![license](https://img.shields.io/badge/license-MIT-0A0A0A?labelColor=0A0A0A)](./LICENSE) [![agents](https://img.shields.io/badge/agents-Cursor·Claude·Codex·Windsurf-0033FF?labelColor=0A0A0A)](https://github.com/albegosu/micrographic-skill)


A `SKILL.md` for AI coding agents that instructs them to build **dense, technical, schematic UI** — inspired by industrial product labels, hardware spec sheets, care instructions, and Swiss modernist typography.

Think Maison Margiela's inner labels, Virgil Abloh's Off-White graphics, and Wim Crouwel's grid systems — as a production-ready design system your agent follows automatically.

**This is not minimalism. Minimalism removes. Micrographic *compresses*.** Every element earns its place. Information becomes decoration.


Install

Run inside any project. The installer auto-detects which agent you have set up and drops the skill in the right place.

npx micrographic-skill

**Target a specific agent:**

npx micrographic-skill --cursor      # → .cursor/skills/micrographic/SKILL.md
npx micrographic-skill --claude      # → .claude/skills/micrographic/SKILL.md
npx micrographic-skill --all         # → all detected agents at once

**Optional — install as a Cursor always-on rule** (applies to every UI task in the project):

npx micrographic-skill --rules       # → .cursor/rules/micrographic.mdc

**Preview without writing:**

npx micrographic-skill --dry-run

Usage

After installing, prompt your agent naturally. The skill activates when it detects relevant intent:

"build me a micrographic product card"
"create a dashboard