yanliudesign

Linear Style Illustration — AI skill for Claude Code

AI community

Dark Linear/AI-OS style technical diagram skill — cyan/purple/lilac duotone SVG diagrams.

How to install Linear Style Illustration

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

What Linear Style Illustration does

Dark Linear/AI-OS style technical diagram skill — cyan/purple/lilac duotone SVG diagrams.

Alternatives in AI

Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
AI Research SKILLs — Visual Skills Pack for Obsidian: generate Canvas, Excalidraw, and Mermaid diagrams from text with Claude Code 5.7k ★
SEO Geo Claude Skills — 20 SEO & GEO skills for Claude Code, Cursor, Codex, and 35+ AI agents 888 ★

README

[中文](./README.zh.md) · **English**

🌌 Linear Style Illustration

**Dark, glowing "AI-OS" system diagrams — cyan × purple × lilac duotone, pill-shaped SVG nodes, one glowing kernel per diagram.**

[![License](https://img.shields.io/badge/LICENSE-MIT-4c8bf5?style=flat-square&labelColor=333)](./LICENSE) [![Version](https://img.shields.io/badge/VERSION-1.0.0-2ea44f?style=flat-square&labelColor=333)]() [![Examples](https://img.shields.io/badge/EXAMPLES-8-2ea44f?style=flat-square&labelColor=333)](./examples) [![Stars](https://img.shields.io/github/stars/yanliudesign/linear-style-illustration?style=flat-square&label=STARS&color=e37f2c&labelColor=333)](https://github.com/yanliudesign/linear-style-illustration/stargazers)

[![Claude Code](https://img.shields.io/badge/Claude_Code-Skill-d97757?style=flat-square&labelColor=1a1a1a&logo=anthropic&logoColor=white)](https://claude.ai/code) [![Codex](https://img.shields.io/badge/Codex-Skill-2ea44f?style=flat-square&labelColor=1a1a1a)]() [![OpenCode](https://img.shields.io/badge/OpenCode-Skill-4c8bf5?style=flat-square&labelColor=1a1a1a)]() [![OpenClaw](https://img.shields.io/badge/OpenClaw-Skill-8b5cf6?style=flat-square&labelColor=1a1a1a)]() [![Hermes](https://img.shields.io/badge/Hermes-Skill-e879a8?style=flat-square&labelColor=1a1a1a)]()

A design-taste skill that turns any system/flow/architecture idea into a **dark, technical "AI operating system" diagram** — the kind of diagram you'd see in a Linear keynote, an AI-agent product deck, or a technical landing page. Signature move: a **near-black stage**, **soft blurred color orbs** behind the content, **pill-shaped nodes** with thin colored strokes, and **exactly one glowing "kernel" node** per diagram to show where the center of gravity is.

Not a generic diagramming tool. Not Mermaid, not a whiteboard export. This is the disciplined, opinionated dark-tech look — output as a self-contained HTML file with inline SVG, ready to drop into a slide deck