suta SKILL.md skillA

suta from guksu/suta is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add guksu/suta/suta@git:20261106.b1c96e6

Pins git:20261106.b1c96e6 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
guksu/suta
Path
skills/suta/SKILL.md
Versions recorded
5
Latest version
git:20261106.b1c96e6, committed Nov 6, 2026
First version recorded
Nov 6, 2026
Size
28,811 bytes
Repository stars
18
License
MIT

웹·React Native 앱의 UI를 만들거나 고칠 때 AI 슬롭(AI slop) — 모든 것을 감싼 카드와 제각각인 여백, 기본 파랑·연노랑을 뿌린 탁한 색, 아무 데나 붙인 transition, 레이아웃을 흔드는 애니메이션, 동작 줄이기 설정 무시, 키보드로 못 쓰는 컴포넌트처럼 AI가 만든 티가 나는 UI — 을 없앤다. 이를 막는 레이아웃·색·글꼴·문구·모션 기준과 검증된 UI 패턴 57종의 코드(모달·바텀시트·토스트·드롭다운·캐러셀·탭·폼·제스처)를 제공한다. "로그인·목록·상세·설정·채팅 화면 만들어줘, 페이지 구현, 컴포넌트 추가, 레이아웃·여백 다듬어줘, 버튼 애니메이션 넣어줘, 문구 다듬어줘, 모바일 제스처, AI 티 안 나게" 요청과 UI, landing page, screen, layout, spacing, component, modal, dropdown, toast, animation, keyboard accessibility 작업에 쓴다. 화면이 없는…

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

# suta — AI 슬롭 없는 UI

AI에게 UI를 맡기면 어디서 본 듯한 결과가 나온다. 모든 구역을 카드로 감싸고, 프레임워크 기본 파랑을 쓰고, `div`에 `onClick`을 달아 키보드로 쓸 수 없게 만들고, `height`를 움직여 화면을 흔들고, 좁은 화면에서 가로로 넘친다. 이 스킬은 세 가지로 그것을 막는다.

- **기준** — 키보드·포커스·넘침·동작 줄이기 같은 사용 문제의 선(이 문서), 디자인 기준이 없는 프로젝트에서 쓰는 레이아웃·색·글꼴·문구 기본값(`references/defaults.md`).
- **패턴 코드 57종** — 모달·바텀시트·토스트·드롭다운·폼·제스처. 프레임워크와 무관한 코어(.ts, 의존성 0) + React 래퍼 + CSS를 프로젝트에 복사해 맞춘다.
- **검사** — `scripts/audit.mjs`가 소스에서 레이아웃·모션 문제를 file:line으로 찾는다. 플러그인으로 설치하면 파일을 고칠 때마다 돈다.

수타(手打)는 기계가 아니라 손으로 친다는 뜻이다.

## 우선순위

판단이 부딪히면 위에 있는 것을 따른다.

1. **사용자가 명시한 요구.** 요청한 화면·기능·상태(오류·빈 상태·로딩·비활성 등)를 하나도 빼지 않는다. 요청하지 않은 기능·구역·설정 행·데이터 항목은 더하지 않는다. 더하면 좋을 것은 보고에 제안으로 적는다. 요청한 것을 보이는 방식과 화면의 틀은 더하는 것이 아니다(아래 "요청 범위와 사실 정보").
2. **프로젝트의 기존 디자인 체계.** 토큰(색·간격·글자·반경)·컴포넌트·브랜드색·글꼴·이미 있는 화면의 구조를 그대로 쓴다. 카드를 쓸지, 색을 몇 개 쓸지, 설정 목록을 어떤 모양으로 둘지, 강조색이 얼마나 맑은지, 어떤 말투인지는 취향이다. suta 기본값으로 바꾸지 않는다.
3. **실제 사용 문제.** 아래 "사용 문제" 표에 해당하면 기존 스타일이라도 고친다. 무엇이 문제인지(측정값)와 어디까지 바꿨는지를 보고하고, 그 범위 밖은 건드리지 않는다. 예: 브랜드 회색 글자가 흰 면에서 3.9:1이면 그 글자 색 하나만 4.5:1이 되게 어둡게 하고 팔레트의 나머지는 그대로 둔다. 명시한 요구가 사용 문제를 만들면 요구를 따르고, 문제와 대안을 보고에 적는다.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add guksu/suta/suta@sha256:1dea0f0dcd6630f4

The line at the top of this page pins the label git:20261106.b1c96e6, 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_4l64orm5ch5jhyrs.svg)](https://markdownregistry.com/a/art_4l64orm5ch5jhyrs)

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

Versions

The registry has recorded 5 versions of this file, all committed on Nov 6, 2026.

versioncommittedcommitsizeaudit
git:20261106.b1c96e6 latest2026-11-06 b1c96e6 28,811 BA view · diff
git:20261106.f934b662026-11-06 f934b66 28,732 BA view · diff
git:20261106.252c0402026-11-06 252c040 26,810 BA view · diff
git:20261106.2c1ea032026-11-06 2c1ea03 26,477 BA view · diff
git:20261106.41e21102026-11-06 41e2110 26,469 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (28811 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

guksu/suta · 18 stars · license MIT · pushed 2026-11-09 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_4l64orm5ch5jhyrs
GET https://markdownregistry.com/api/v1/resolve?ref=guksu/suta/suta
GET https://markdownregistry.com/api/v1/blob/1dea0f0dcd6630f4334aea2e29b43821f8e110efae9ca0540409bd9e72030688

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: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from guksu/suta

add-skill SKILL.md skill
guksu/suta · .agents/skills/add-skill/SKILL.md · suta 저장소에서 진입 스킬 suta에 UI 패턴(애니메이션·UI·UX)을 추가하거나 기존 패턴을 수정·재검증하는 파이프라인(선택 평가 → 패턴 문서 → 데모 → 카탈로그 → 게이트). "패턴 추가해줘, 스킬…
git:20261105.efc8ceb · audit A · 18 stars
AGENTS.md AGENTS.md file
guksu/suta · AGENTS.md
git:20261105.efc8ceb · audit A · 18 stars
CLAUDE.md CLAUDE.md file
guksu/suta · CLAUDE.md
git:20261109.e16d552 · audit A · 18 stars

Every file in guksu/suta

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