🎯

atris-design

🎯Skill

from atrislabs/atris

VibeIndex|
What it does

Enforces frontend design aesthetics and consistency policies for AI coding agents during software development.

atris-design

Installation

Install skill:
npx skills add https://github.com/atrislabs/atris --skill atris-design
2
AddedJan 25, 2026

Skill Details

SKILL.md

Overview

# atris

atris is a self improving context layer for your agent. Works with coding agents like Claude Code and Cursor.

For Coding Agents

If you're a coding agent (Claude Code, Cursor, Windsurf, Copilot, etc.) reading this:

When the user asks to build/plan/fix something, run:

```bash

atris

```

Follow the instructions in the output. The full protocol is in atris.md.

---

Install

```bash

npm install -g atris

```

Quick Start

```bash

cd your-project

atris init # Creates atris/ folder

atris # Loads context, ready to build

```

Then describe what you want to build. The agent will:

  1. (Optional) Explore with atris brainstorm if uncertain
  2. Show you a visualization
  3. Wait for approval
  4. Create atris/features/[name]/idea.md + build.md
  5. Execute step by step
  6. Review and update docs (2-pass)

Commands: brainstorm (optional) β†’ plan β†’ do β†’ review

Works with: Claude Code, Cursor, Windsurf, GitHub Copilot, any agent.

Update

```bash

atris upgrade # Install latest from npm

atris update # Sync local files to new version

```

Skills

Atris includes agent-agnostic skills that work with Claude, Cursor, Codex, any LLM:

| Skill | Purpose |

|-------|---------|

| atris | Workflow enforcement + plan/do/review |

| autopilot | PRD-driven autonomous execution |

| backend | Backend architecture anti-patterns |

| design | Frontend aesthetics policy |

| meta | Metacognition for agents |

| writing | Essay process with approval gates |

Install to Codex: cp -r atris/skills/[name] ~/.codex/skills/

---

License: MIT | Repo: [github.com/atrislabs/atris](https://github.com/atrislabs/atris.git)