Communitygithub.com

花叔Design

花叔Design——HTMLを使った高忠実度プロトタイプ、インタラクティブデモ、スライド、アニメーション、デザインバリアント探索+デザイン方向コンサルティング+エキスパートレビューを提供するAIスキルです。

花叔Design とは?

花叔Designは、AIエージェント(Claude CodeやCursorなど)上で動作するスキルで、HTMLを用いた高忠実度(Hi-Fi)プロトタイプ、インタラクティブデモ、スライド、アニメーション、デザインバリアントの作成を支援します。このスキルは、タスクに応じてUXデザイナー、アニメーター、スライドデザイナー、プロトタイパーといった専門家ロールをエンボディし、一般的なWebデザインのお決まりパターンを避けながら、プロフェッショナルな成果物を生成します。また、40種類の組み込みスタイルライブラリ(HTML用20種+PPT用20種)を武器に、要求が曖昧な場合でも3つの異なる方向性から3バージョンのビジュアルを並行提案する「デザイン方向コンサルティング」機能を持ちます。加えて、アニメーションからMP4/GIFへの書き出し、ナレーション付き長尺動画のパイプライン、5次元レビューによる品質評価、ブランドアセット合意、反AIスロップ、ジュニアワークフロー、Tweaksバリアント生成など、プロトタイピングからプレゼンテーションまでをカバーする充実した機能セットを備えています。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alchaincyf/huashu-design/tree/main/skills/huashu-design

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

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

ドキュメント

花叔Design は何をしますか?

花叔Design——HTMLを使った高忠実度プロトタイプ、インタラクティブデモ、スライド、アニメーション、デザインバリアント探索+デザイン方向コンサルティング+エキスパートレビュー。タスクに応じて対応するエキスパート(UXデザイナー/アニメーター/スライドデザイナー/プロトタイパー)をエンボディし、一般的なWebデザインのお決まりパターンを避けます。トリガーワード:プロトタイプ作成、インタラクティブプロトタイプ、HTMLデモ、アニメーションデモ、デザインバリアント、ハイファイデザイン、UIモックアップ、prototype、HTMLページ作成、可視化、アプリプロトタイプ、iOSプロトタイプ、MP4/GIF書き出し、60fps動画、デザインスタイル、デザイン方向、配色スキーム、スタイル推薦、スタイル選択、見た目を綺麗に、レビュー、デザインの良し悪し、review this design、ナレーション付きアニメーション、解説動画、長尺動画解説、voiceover、narration、5分でXXを説明。要求が曖昧な場合はデザイン方向コンサルティングへ移行(3つのロジックを並行して3バージョンの実際のビジュアルを提案、HTMLネイティブ40種のスタイルライブラリ・Web用20種・PPT用20種を弾薬として使用)。さらに、ブランドアセット合意、反AIスロップ、ジュニアワークフロー、Tweaksバリアント、アニメーション→MP4/GIF書き出し、ナレーション付き長尺動画パイプライン、5次元レビューを含む。

関連スキル