Updated 1d ago
by minorun365
unslop-ai-app
AI臭くないAIエージェントアプリを作るスキル
39 GitHub stars (39)
+39 in 2 days
| Period | New stars |
|---|---|
| Nov 11 | +14 |
- 3 skills (3 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add minorun365/unslop-ai-app
Asks which skills and agents to install. Just one: npx skills add minorun365/unslop-ai-app --skill agent-app-ui — add -g for every project.
Claude Code
git clone https://github.com/minorun365/unslop-ai-appcp -r "unslop-ai-app/skills/agent-app-ui" ~/.claude/skills/
Copies the agent-app-ui skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add minorun365/unslop-ai-app
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
agent-app-ui
AIエージェントやチャットのWebアプリに固有の画面の作法。応答のMarkdown表示、考え中・ツール実行中の状態表示、ストリーミングの描き方、最初のひと言、ログイン画面、人前で操作する画面(発表・デモ・画面共有)と、作業の横で動く補助ツールの画面をまとめる。エージェントのチャット画面や、LLMの結果を表示する画面を作る・直すときに、app-ui-design と併せて読む。「チャットアプリを作って」「AIに答えさせる画面を作って」のように、状態表示やストリーミングに触れない頼み方でも読む。
skills/agent-app-ui/ on GitHub (opens in a new tab)SKILL.md -
app-ui-design
Webアプリの画面を「AIが作った感じ」にしないための規則。情報の引き算、AIらしく見える定番の型(片側だけの色帯、絵文字アイコン、キャッチコピーの見出し、待機メッセージ、光る装飾)、配色とコントラスト、日本語の組版と画面の文言、動き、数字の見せ方、作る前と出す前の手順をまとめる。Webアプリやデモアプリの画面を新しく作るとき、既存の画面を直すとき、「AIっぽい」「ごちゃごちゃしている」「チープ」「ビジー」「なんか素人っぽい」と言われたとき、「人に見せる前にチェックして」「仕上げて」「見た目を整えて」と頼まれたときに読む。
skills/app-ui-design/ on GitHub (opens in a new tab)SKILL.md -
mobile-web-check
PCとスマホの両方で使うWebアプリを、iPhoneで実際に崩れない状態まで確かめる手順と、iOS Safari・ホーム画面Webアプリ・アプリ内ブラウザの罠(セーフエリア、上端の色、入力欄の自動ズーム、ホバー、キーボード、縦スクロール)。スマホでも使う画面を作った・直したとき、「スマホで崩れている」「スマホで見ると変」「iPhoneで見てみて」と言われたとき、iOS Simulator で確認するときに読む。
skills/mobile-web-check/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.