stripe-system-practice は何をしますか?
DESIGN.md、スキル、プロンプト、Clineを使用したAI駆動のStripeスタイルUI生成システム
このシステムは、AIエージェント(特にCline)がDOM生成のためのパターンとプロンプトを使用して、StripeスタイルのUIコンポーネントを生成できるようにします。
動作の仕組み
DESIGN.md-- コアとなる設計システム(トークン、スキーマ、コンポーネント定義を含む)を定義します。- スキル -- エージェントが実行できるアクションを定義します(
create-component、update-styleなど)。 - プロンプト -- スキルを使用してUIを生成するための指示です。
- Cline -- プロンプトを実行し、スキルと
DESIGN.mdを調整するエージェントです。
はじめに
このスキルは、clineのようなAIエージェントアシスタントと一緒に使用するように設計されています。
使用例
# Clineに以下のようなプロンプトを送信します
"Stripeスタイルの[支払いフォーム] コンポーネントを生成してください。
"Stripe Payments"のスタイルに基づいています。
または、コンポーネントを直接リクエストします:
フォーム要素、ボタン、色を持つログインコンポーネントをStripeスタイルで生成してください。
LICENSE
このプロジェクトのライセンスはMITです。