01
このSkillでできること
- ✓ランディングページやプロダクトページの設計・実装
- ✓映画的なスクロール演出やストーリーテリングの構成
- ✓複数画面を統一したデザインシステムで設計
- ✓anti-slop lint、モーション検査、スクリーンショット検証
02
使い方
01
STEP 1
build、direct、systemなどの目的と対象画面を伝える
02
STEP 2
ブランド、雰囲気、避けたい表現を指定する
03
STEP 3
必要な画面、ルート、インタラクションを整理する
04
STEP 4
レスポンシブ、キーボード操作、reduced motionの要件を含める
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/agiwhitelist/auteur手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
git clone --depth 1 https://github.com/agiwhitelist/auteur ~/.claude/skills/auteurgit clone --depth 1 -b gh-pages https://github.com/agiwhitelist/auteur site
node scripts/slopscan.mjs site # the landing
node scripts/slopscan.mjs site/showcase/flux # any showcase04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
プロダクト紹介サイトを設計してください。映画的なスクロール演出を使い、390・768・1440pxで検証できる構成にしてください。出力例を見る
アートディレクション、ページ構成、アセット方針、スクロール演出、実装案、品質検査結果。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報検出あり
検出根拠を見る
- network: `) and its technique are adapted from **[scroll-world](https://github.com/cth9191/scroll-world)** by cyw (MIT) — a sibling Claude Code skill focused on A
- credential: cence metadata — never executed**, and no credentials, API keys or logins are involved. Skip phases 0–1 entirely if you don't want outbound requests; ev
- credential: y Haven, Iconify, Google Fonts, Openverse, Coverr). No API keys, no logins, no credentials of any kind. Fetched content is treated as reference material
06