Communitygithub.com

posimyth/uichemy-cursor-plugin

ビジネス概要からUiChemyでマルチページのWordPress対応ウェブサイトを構築します。セクションレイアウトを選び、コピーを作成します。

uichemy-cursor-plugin とは?

このスキルは、ユーザーがビジネス概要やクライアントブリーフから新しいウェブサイトを構築したい場合に使用します。UiChemyプラットフォーム上で動作し、WordPress対応のマルチページサイトを生成します。スキルは最初にビジネス名や種類、ターゲットオーディエンス、トーン、必要なページ数、色やフォントなどの入力をユーザーから収集します。次に、UiChemy APIを呼び出してセクション仕様を取得し、セクションの種類をリストアップし、各セクションに適したレイアウトを検索・選択します。選択したレイアウトのスロットにコピーを書き込み、重複しないようにチェックを行います。その後、カラーパレットとフォントを選び、プロジェクトを作成し、各ページのバリデーションとレスポンシブチェックを実行します。問題があれば編集ツールで修正し、最終的にユーザーにプロジェクト名、ページ構成、パレット、フォント、修正できなかった点を報告します。このスキルは、架空の受賞歴や統計データなどを生成せず、ユーザーが提供した情報のみを使用するルールを厳守します。

対応~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/build-site-from-brief

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

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

ドキュメント

このスキルは、ユーザーが説明、クライアントブリーフ、またはビジネスタイプに基づいて新しいウェブサイトの構築を希望する場合に使用します。

最初にユーザーのメッセージから以下の入力を収集します:ビジネス名と種類、対象者、トーン、希望するページ、色やフォントがあれば。ビジネスの種類や名前がない場合は、1つのバッチ質問で尋ねます。それ以外は適切に判断し、その旨を明示します。

手順:

  1. uichemy_section_spec を1回呼び出し、そのルールに従ってコピーの長さ、タイプスケール、カラートークンを設定します。制限を推測しないでください。
  2. uichemy_list_section_kinds を呼び出して、存在するセクションの種類を確認します。
  3. 各ページの各セクションについて、レイアウトを見つけます。
    • uichemy_search_layouts に希望を記述するか、uichemy_find_templates で種類を絞り込みます。
    • 選択したレイアウトに対して uichemy_template_slots を呼び出し、各スロットとその文字数制限に合ったコピーを作成します。
    • ビルド前に、uichemy_check_layouts をショートリストに対して呼び出し、同じスロットを共有する2つのレイアウトに同一のコピーが表示されないようにします。
  4. ブランドに合ったパレット(16進数値)と見出しおよび本文フォントを選択します。
  5. uichemy_create_project をページ、パレット、フォント、作成したコピーとともに呼び出します。実際のページにはナビゲーションバー、5~8個のセクション、フッターがあり、すべてのスロットが埋められている必要があります。
  6. 各ページに対して uichemy_validate を呼び出し、次に uichemy_check_responsive を呼び出します。報告された問題は uichemy_set_text、uichemy_set_section_style などの編集ツールで修正し、チェックを再実行します。
  7. ユーザーにプロジェクト名、各ページのセクションを含むページリスト、パレットとフォント、および修正できなかった点を伝えます。

ルール:

  • コピーはブリーフのみに基づいて作成します。受賞歴、クライアント名、統計情報、お客様の声、価格、住所をでっち上げないでください。事実が欠けている場合は、中立的なコピーを作成するか質問します。
  • 画像:ユーザーが提供したURL、または uichemy_upload_image が返したURLのみを使用します。リンクをでっち上げるよりは、画像スロットを空のままにします。
  • このスキルは、ユーザー自身のUiChemyアカウントにプロジェクトを作成します。作成前にその旨を伝えてください。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル