Skip to content
Agentmart
Submit a tool

design-review

UI/UXデザインレビューを実施します。スクリーンショット必須で、ユーザビリティ、アクセシビリティ（WCAG 2.1）、ビジュアルデザインを包括的にチェックします。

Skill by ohzono

IndexedMIT★ 3
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/ohzono-design-review

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

UI/UXデザインレビューを実施します。スクリーンショット必須で、ユーザビリティ、アクセシビリティ（WCAG 2.1）、ビジュアルデザインを包括的にチェックします。

Use cases: design

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/design-review

Tools it pre-approves 7

From allowed-tools in SKILL.md: the agent may use these without asking you each time.

  • Read,
  • Glob,
  • Grep,
  • Bash(sips
  • *),
  • Bash(git
  • AskUserQuestion

What's inside

Skill name
design-review
Description
UI/UXデザインレビューを実施します。スクリーンショット必須で、ユーザビリティ、アクセシビリティ（WCAG 2.1）、ビジュアルデザインを包括的にチェックします。
License
MIT
Allowed tools
Read,, Glob,, Grep,, Bash(sips, *),, Bash(git, *),, AskUserQuestion
Instructions
33 lines in SKILL.md · view on GitHub

Before installing

  • Pre-approves some shell commands

Files (1)

  • SKILL.md

SKILL.md (first lines)

# デザインレビュー

指定された対象「$ARGUMENTS」に対して、UI/UXの観点からデザインレビューを実施します。

**重要**: デザインレビューには必ず画面のスクリーンショットが必要です。

## 引数について

- **ファイルパス指定**: 該当コンポーネントを直接レビュー
- **コンポーネント名指定**: プロジェクト内を検索してレビュー
- **--screenshot=パス**: スクリーンショット画像を指定（複数可）
- **指定なし**: UIコンポーネントディレクトリ全体をレビュー

## スクリーンショットの取得

1. `--screenshot=` で指定されていれば Read で読み込み
2. 指定なしの場合、VRTスナップショットディレクトリ（`__Snapshots__`, `snapshots/`）を検索
3. 見つからない場合、`AskUserQuestion` でパスを要求
4. 提供されない場合、レビューを中止

## 実行

スクリーンショットを取得したら、レビューの実行と出力は `design-reviewer` エージェントの定義に従ってください。

## 実行例

```
/design-review src/components/Button.tsx --screenshot=screenshots/button.png
/design-review Header
/design-review src/components/
```

From ohzono/native-app-fullcycle, MIT.

More from ohzono/native-app-fullcycle

Signals

Stars
3
Forks
0
Open issues
0
Last commit (this folder)
Jun 18, 2026 (4 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/ohzono/native-app-fullcycle
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from ohzono

Cite this page

design-review skill. Agent Mart. https://agentmart.dev/skills/ohzono-design-review (last updated 2026-10-24)