huashu-design

作成者： alchaincyf

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问（三套逻辑并行出3版真实视觉，HTML原生40种风格库网页20+PPT20为弹药）；另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/GIF导出、带解说长视频pipeline、5维评审。

npx skills add https://github.com/alchaincyf/huashu-design --skill huashu-design

ZIPダウンロード GitHub

関連スキル

Discover and install specialized agent skills from the open ecosystem when users need extended capabilities. Helps identify relevant skills by domain and task when users ask "how do I do X" or "find a skill for X" Integrates with the Skills CLI ( npx skills find , npx skills add ) to search, verify, and install packages from the skills.sh directory Recommends skills based on install count, source reputation, and GitHub stars to ensure quality before suggesting installation Presents skill...

refac-module-to-subpackage

モノリシックなPythonモジュールを、すべての動作を維持したままサブモジュールを持つサブパッケージに変換します。これは純粋に機械的な再編成であり、ロジックの変更、既存の問題の修正、改善は一切行いません。

frontend-design

差別化された、プロダクションレベルのフロントエンドインターフェース。意図的なデザイン方向性により、ありきたりなAI美学を拒否します。コーディング前にデザイン思考を通じて開発者を導きます：目的、トーン、制約、そして記憶に残る差別化要因を確立し、画一的な結果を避けます。タイポグラフィの選択（特徴的なディスプレイフォントとボディフォント）、CSS変数による統一感のあるカラーパレット、そしてスタッガードアニメーションやスクロールトリガーによるインパクトのあるモーションを重視します。空間構成をカバー...

langsmith-trace

INVOKE THIS SKILL when working with LangSmith tracing OR querying traces. Covers adding tracing to applications and querying/exporting trace data. Uses the…

ドキュメンテーション SEOとナビゲーションのための簡単な説明

Modern unit testing with MSTest 3.x/4.x using current APIs and best practices. Covers test class structure, lifecycle management, and the AAA (Arrange-Act-Assert) pattern with sealed classes and constructor-based initialization Provides comprehensive assertion APIs including equality, null checks, exception testing (Throws/ThrowsExactly), collections, strings, comparisons, and type assertions Supports data-driven tests via DataRow and DynamicData with ValueTuple and TestDataRow for type...

golang-structs-interfaces

Golangの構造体とインターフェースの設計パターン — コンポジション、埋め込み、型アサーション、型スイッチ、インターフェース分離、インターフェースを介した依存性注入、構造体フィールドタグ、ポインタレシーバと値レシーバ。Goの型を設計する際、インターフェースの定義や実装、構造体やインターフェースの埋め込み、型アサーションや型スイッチの記述、JSON/YAML/DBシリアライゼーションのための構造体フィールドタグの追加、ポインタレシーバと値レシーバの選択時にこのスキルを使用してください。また、ユーザーが...

developmentcode-review

sentry-nextjs-sdk

Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay,…