atris-design

Installation
SKILL.md

atris-design

Part of the Atris policy system. Prevents ai-generated frontend from looking generic.

Atris Integration

This skill uses the Atris workflow:

  1. Check atris/MAP.md for existing patterns before building
  2. Reference atris/policies/atris-design.md for full guidance
  3. After building, run atris review to validate against this policy

Quick Reference

Typography: avoid inter/roboto/system fonts. pick one distinctive font, use weight extremes (200 vs 800).

Color: commit to a palette. dark backgrounds easier to make good. steal from linear.app, vercel.com, raycast.com.

Layout: break the hero + 3 cards + footer template. asymmetry is interesting. dramatic whitespace.

Related skills
Installs
4
Repository
atrislabs/atris
GitHub Stars
59
First Seen
Jan 24, 2026