Catch the accessibility failures that ship in almost every AI-built UI. Use after building any interactive component.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新
無料GitHub で公開
design-system
Make frontend output look intentional, not AI-generated. Use for any UI work — components, pages, layouts.
インストール方法を見る含まれるファイル（1）
- SKILL.md978 B
SKILL.md（原文）
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Design System
Default AI UI is gray, centered, and timid. Don't ship that.
- Type — one distinctive display face + one clean body face. Real scale (e.g. 12/14/16/20/28/40), not everything 16px.
- Color — one strong accent, a real neutral ramp, intentional contrast. No 5 competing brand colors.
- Space — a spacing scale (4/8/12/16/24/32...). Generous whitespace. Align to a grid.
- Motion — purposeful only: feedback on action, transitions on state. No decorative bounce.
- Hierarchy — one clear focal point per screen. Size, weight, and space do the work, not borders everywhere. Before done: would a senior designer ship this, or does it look like a default Tailwind template? If the latter, push the contrast and the type.
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
同じリポジトリのスキル
概要と使いどころ
Before compaction Loopkit extracts decisions into claude-decisions.json (machine-readable). Read it alongside claude-progress.txt at session start — prose is for humans, JSON is for the loop.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新
Review a diff against the goal spec assuming the code is BROKEN. The reviewer that lives in the maker's head always agrees with itself — this pulls review into a hostile, separate pass. Invoke after every code change before marking work done.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新
Verify that an endpoint checks ownership, not just authentication. Use on any handler that reads or mutates user data.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新
Find the exact commit that introduced a bug. Use when something worked before and broke, and you don't know which change did it.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新
Before picking new work, smoke-test the last "completed" feature. If it's broken, revert and re-open it before touching anything else. Kills the "looks shipped, isn't shipped" bug across sessions.
日本語の概要は準備中です。原文の説明を表示しています。
Archive228/loopkit7552026年7月15日 更新