Communitygithub.com

wuisabel-gif/elegance

美しいPHP + Bootstrapウェブサイトを構築(または静的なHTMLをPHPに変換)するためのClaudeスキル。

elegance とは?

このスキルは、ClaudeがPHPとBootstrapを使用して美しいウェブサイトを構築したり、既存の静的なHTMLをPHPに変換するためのガイドラインを提供します。開発者はClaudeに対して自然言語で指示を出すだけで、BootstrapベースのレスポンシブデザインやPHPの動的機能を活用したウェブサイトを効率的に作成できます。特に、フロントエンドとバックエンドの統合をスムーズに行いたい開発者や、既存の静的なHTMLサイトを動的なPHPサイトに移行したい場合に役立ちます。このスキルはClaude CodeやCursorなどのAIエージェントプラットフォームで利用可能で、PHPファイルの生成やHTMLテンプレートの変換を自動化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add wuisabel-gif/elegance

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

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

ドキュメント

elegance は何をしますか?

美しいPHP + Bootstrapウェブサイトを構築(または静的なHTMLをPHPに変換)するためのClaudeスキル。

概要

このスキルは、ClaudeがPHPとBootstrapを使用してウェブサイトを生成または変換するための指示を提供します。開発者は、自然言語でサイトの要件を記述するだけで、レスポンシブでモダンなデザインのウェブサイトを素早く作成できます。

使用方法

  1. Claudeにサイトの構築または変換を依頼します。
  2. 必要に応じて、サイトの構造やデザインの詳細を指定します。
  3. Claudeが自動的にPHPファイルとBootstrapコンポーネントを生成します。

例

  • 「Bootstrap 5を使用したポートフォリオサイトを作成して」
  • 「このHTMLファイルをPHPテンプレートに変換して」
  • 「ナビゲーションバーとカードレイアウトを含むランディングページを生成して」

対応プラットフォーム

  • Claude Code
  • Cursor
  • その他のClaudeベースのAIエージェント

関連スキル