Communityコーディング&開発github.com

byensitmagnus/sitesmith

AI生成感のないウェブサイトを構築するためのコーディングエージェントスキル。モード別ルーティング、12ステップのビルドループ、コードだけで終わらせずレンダリングと測定を実施します。

sitesmith とは?

byensitmagnus/sitesmithは、AIエージェント(Claude Code, Cursor, Codexなど)向けに設計されたウェブサイト構築スキルです。このスキルの最大の特徴は、AIが生成したことが一目でわかるような「AI臭さ」を排除し、人間が作成したかのような自然なデザインとコードを生成することです。具体的には、開発の各段階を「モード」でルーティングし、12ステップからなる厳格なビルドループを強制します。各ステップではコードを書くだけでなく、実際にブラウザでレンダリングし、見た目やパフォーマンスを測定することで、品質を担保します。これにより、従来のAIエージェントがコードを書きっぱなしで終わるのではなく、実際のビジュアル結果を確認しながら反復的に改善できます。対応プラットフォームはClaude Code, Cursor, Codexなど、SKILL.md形式のスキルを読み込める主要なAIエージェントです。

対応~Claude Code~Codex CLI~Cursor
npx skills add byensitmagnus/sitesmith

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

sitesmith は何をしますか?

AI生成感のないウェブサイトを構築するためのコーディングエージェントスキル。モード別ルーティング、12ステップのビルドループを強制し、コードだけで終わらず、レンダリングと測定を実施します。

関連スキル