DESIGN.md@appA

DESIGN.md@app from sjoon21/tractus is a DESIGN.md file: the design rules coding agents follow in that repo.

Install it, pinned
mdr add sjoon21/tractus/app/DESIGN.md@git:20261103.dba2847

Pins git:20261103.dba2847 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 14 of 14 checks passed
Kind
DESIGN.md file
Repository
sjoon21/tractus
Path
app/DESIGN.md
Versions recorded
2
Latest version
git:20261103.dba2847, committed Nov 3, 2026
First version recorded
Oct 15, 2026
Size
5,497 bytes
Repository stars
5
License
Apache-2.0

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 앱 화면 디자인 지침

macOS 노트 앱(Granola·Apple Notes) 톤. 무채색 바탕에 색은 의미로만 쓴다. Tailwind v4 + shadcn 방식의 부품(`src/components/ui/`, Radix 없이 네이티브 요소).
토큰은 `src/theme.css`가 원본이다. 전역 바탕 규칙은 `src/base.css`, 상태가 많은 노트 화면 선택자(대화 내용·참석자·재생 막대)는 `src/components/note/note.css`에 있다(둘 다 `components` 레이어라 Tailwind 유틸리티가 이긴다).

## 1. 색 (의미로만)

| 토큰 (Tailwind) | 뜻 |
| --- | --- |
| `background` / `foreground` | 본문 바탕·글자 |
| `muted-foreground` / `subtle-foreground` | 보조 글자 / 더 옅은 글자(개수·시각) |
| `sidebar`, `sidebar-accent` | 왼쪽 목록 바탕, 그 안의 가리킴·선택 |
| `accent` | 본문 쪽 가리킴·선택 바탕 |
| `border`, `border-strong`, `input` | 선, 강한 선, 입력 테두리 |
| `rec`, `rec-wash` | 지금·녹음·재생 위치 (시스템 빨강) |
| `memo`, `memo-wash` | 사람이 남긴 것: 메모·북마크·고친 문장·즐겨찾기 |
| `ring` | 키보드 초점 (시스템 파랑) |
| `destructive` | 되돌리기 어려운 동작 하나 (삭제) |
| `--spk-0…7` | 참석자 색 (`Speakers.spkStyle`) |

- 테마는 `<html data-theme="light|dark">`(`themePref.ts`). `dark:` 변형을 거의 쓸 일이 없다: 토큰이 알아서 바뀐다.
- 빨강 바탕 블록·큰 색 면을 만들지 않는다. 강조는 글자색·얇은 선·옅은 wash.

## 2. 글자 크기 (px)

| 쓰임 | 클래스 |
| --- | --- |
| 노트 제목 | `text-[22px] font-semibold tracking-tight` |
| 화면 머리(설정·모델·검색) | `PageHeader` (15px semibold) |
| 구역 제목 | `text-[13px] font-semibold` |
| 기본 UI 글자·단추·입력 | `text-[13px]` |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add sjoon21/tractus/app/DESIGN.md@sha256:1c02b53475774ca8

The line at the top of this page pins the label git:20261103.dba2847, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_xv5gjjhmbknulbs4.svg)](https://markdownregistry.com/a/art_xv5gjjhmbknulbs4)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Oct 15, 2026 and Nov 3, 2026, about one every 19 days.

versioncommittedcommitsizeaudit
git:20261103.dba2847 latest2026-11-03 dba2847 5,497 BA view · diff
git:20261015.8387ded2026-10-15 8387ded 4,838 BA view

Audit of the latest version

A  14 of 14 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Size between 200 bytes and 200 KB (5497 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

sjoon21/tractus · 5 stars · license Apache-2.0 · pushed 2026-11-06 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_xv5gjjhmbknulbs4
GET https://markdownregistry.com/api/v1/resolve?ref=sjoon21/tractus/app/DESIGN.md
GET https://markdownregistry.com/api/v1/blob/1c02b53475774ca8cb19433a34c758a21d7f1a749503882b6d55cd9ab7cd9885

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: what DESIGN.md is and how agents use it · which agent file does what.

More from sjoon21/tractus

CLAUDE.md CLAUDE.md file
sjoon21/tractus · CLAUDE.md
git:20261106.f656db0 · audit B · 5 stars
meetings SKILL.md skill
sjoon21/tractus · plugins/tractus/skills/meetings/SKILL.md · Load this before using the tractus MCP tools or answering anything about the user's past meetings, calls, interviews or…
git:20261018.ce1f8f7 · audit B · 5 stars
recap SKILL.md skill
sjoon21/tractus · plugins/tractus/skills/recap/SKILL.md · Recap the user's meetings over a period — decisions, open action items with owners and due dates, and anything still…
git:20261017.d2f65d8 · audit A · 5 stars

Every file in sjoon21/tractus

Browse by kind, by grade A, or by owner.