Communitygithub.com

Hello-Brands/hello-sugar-design-skill

Claude Codeエージェントスキル:ブランドに沿ったHello Sugar HTMLアーティファクト(ROIページ、ワンページャー、レポート、ダッシュボード)を自己完結型で構築します。

hello-sugar-design-skill とは?

このスキルは、Claude CodeなどのAIエージェントが「Hello Sugar」ブランドに完全に準拠したHTMLアーティファクトを生成するための指示を提供します。具体的には、ROI計算ページ、ワンページャー、レポート、ダッシュボードなど、マーケティングやビジネス向けのWebコンテンツを、ブランドガイドライン(カラーパレット、タイポグラフィ、スタイル)に従って自己完結型のHTMLファイルとして出力します。このスキルは、ブランドの一貫性を保ちながら、迅速にプロトタイプや最終成果物を作成する必要がある開発者やデザイナーに特に有用です。スキルの動作は、提供されたSKILL.mdファイルに基づいており、エージェントはその指示に従って、CSSや画像を内部に含んだ単一のHTMLファイルを生成するよう指示されます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add Hello-Brands/hello-sugar-design-skill

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

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

ドキュメント

hello-sugar-design-skill は何をしますか?

Claude Codeエージェントスキル:ブランドに沿ったHello Sugar HTMLアーティファクト(ROIページ、ワンページャー、レポート、ダッシュボード)を自己完結型で構築します。

関連スキル