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

frankguodev/webcraft-skills

Webcraft Skills は、AI が Web ページを生成するだけでなく、批評と磨き上げを行い、本番運用に耐えうる美しいインターフェースを生み出すことを支援します。

webcraft-skills とは?

Webcraft Skills は、AI エージェントが Web ページを生成した後、そのインターフェースを自動的に批評・改善するスキルです。このスキルは、Claude Code や Cursor などの AI エージェント向けに設計されており、生成された UI が単なる雛形ではなく、本番品質で視覚的に優れたものになるよう導きます。具体的には、SKILL.md に従って、ページのレイアウト、配色、タイポグラフィ、レスポンシブデザインなどの側面を分析し、具体的な改善提案をコードレベルで行います。これにより、開発者は手動でのレビューや微調整の手間を大幅に削減し、より洗練されたユーザーインターフェースを迅速に構築できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add frankguodev/webcraft-skills

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

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

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

ドキュメント

webcraft-skills は何をしますか?

Webcraft Skills は、AI が Web ページを生成するだけでなく、批評と磨き上げを行い、本番運用に耐えうる美しいインターフェースを生み出すことを支援します。

関連スキル