# Design · toss

> | Build and fix mini-app screens. Run it for "화면 만들어줘", "출석 체크 화면 그려줘", "화면이 구린데 예쁘게 해줘", "디자인 좀 봐줘" — it writes and edits the project's actual screen files, it is not a review-only pass and not a chat answer about design. Works from nothing: with no screen, no CSS file and no design assets in the project, it still produces the screens. Carries a written render standard — default text/background colors, a type scale, and hard rules the skill fixes itself when a screen breaks them (text under 11px, touch targets, bottom safe area, chevrons drawn as text glyphs, ads that cover content, dark patterns). Then grades what it produced against the quality bar, with the Apps in Toss container constraints (safe-area, swipe-back, PageHeader) checked against official docs looked up through the docs MCP. Also produces registration image assets at the console MCP miniappcreate tool's exact specs (logo, thumbnail, screenshots). Reads a Figma file as well if a Figma MCP is configured — optional input, never required. Not a code refactor pass: it changes how screens look and behave, not component APIs, props shape, or state management. Never registers or uploads. Triggered by /ait:design [screen or request].

## Facts
- Page: https://tashan.sh/capability/skill-toss-design
- tashan id: skill:toss/design
- Source: https://github.com/toss/apps-in-toss-harness
- Type: skill
- Category: design
- tashan score: 50.0 / 100
- Adoption: 20.0
- Upkeep: 80.0
- Freshness: 95.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: not yet graded
- License: BSD-3-Clause
- Official: no

## Install

```sh
cp -r design ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-09-12 by tashan (https://tashan.sh) from public evidence. Scorer s5.