Micrographic Skill — Testing skill for Claude Code
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
[](https://www.npmjs.com/package/micrographic-skill) [](./LICENSE) [](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
Related Skills
Schematic
Claude Code / Codex skill: reverse engineer a product & technical spec from a git branch
Agent Drift
Stress-test AI agents for goal drift and system prompt violations. Inspired by 'Asymmetric Goal Drift in Codin
Tech Handoff
Complete handoff from strategy to engineering: PRD, technical spec, design review, epic breakdown, and user st
Spectastic.Design
Produce the design doc for an existing spec — stack, architecture, decisions, risks, ADRs. Use when deciding h
Plan Phase
Architecture-first planning for a specific spec phase. Define files, symbols, and code-level interfaces first,
Multi Build
Claude Code skill that builds one new feature with several AI models at once: a spec with testable acceptance
Related Agents
Knowledge Harvester
Finds books (PDF, EPUB), academic papers, vendor whitepapers, standards drafts, and technical blogs on copper
Ontario Bud Reviewer
Review a PR diff, branch, or patch in the ontario-bud register (rural-Ontario / Letterkenny-inspired caricatur
Engineering
Staff Engineer — owns architecture, decomposes work, delegates to Backend/Frontend/DevOps sub-agents, resolves