
このアプリについて
Claude Code・Cursor・Codexで使える、いかにも「AIが作った感」のあるデザインを避けるためのスキルです。ブリーフ(要件)に合わせて20種類のテーマから最適な構成を選び、57項目の「slop(安っぽさ)テスト」で仕上がりを自己チェックしてくれます。既存コードの採点(audit)や、ブランドを保ったままの作り直し(redesign)、好きなデザインの特徴抽出(study)にも対応。見栄えの良いWebページを作りたい人に役立ちます。
連携方式スキル
使い方
Claude Code がインストール済みであることを前提としています
インストールコマンド
npx skills add nutlope/hallmarkスキルとして使う
スキルとは? →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル(全プロジェクトで使う場合)
~/.claude/commands/関連のアプリをさがす
関連アプリ
同じカテゴリ・業界のアプリからナビが選びました