Motion

manim-video は、グラフ、ワークフロー、システム図、製品デモ、ローンチ用ビジュアルを、Manim ベースで見やすく仕上げる解説動画の企画・制作を支援します。話す人を映す編集ではなく、シーン起点で正確にアニメで伝えたいときに manim-video スキルを使ってください。インストール、シーン設計、レンダリングまでの実践的な manim-video ガイド手順が含まれています。

liquid-glass-design は、SwiftUI、UIKit、WidgetKit で Apple の iOS 26 Liquid Glass を実装するのに役立ちます。ガラス調のボタン、カード、ツールバー、コンテナ、ウィジェットに使え、形状、色味、インタラクション、そして実際の UI にこの効果が合うかどうかまでガイドします。

frontend-slidesは、ゼロからアニメーション豊かなHTMLプレゼンテーションを作成したり、PowerPointファイルを変換したりするのに役立ちます。講演、ピッチデック、ワークショップ、社内デモ、そしてUI Design向けのfrontend-slidesで、見た目の検討を重視したいとき、ブラウザ出力をゼロ依存で使いたいとき、1つのビューポートに収まるスライドが必要なときに、このfrontend-slidesスキルを使ってください。

frontend-design を使うと、明確なビジュアルの方向性を持った、個性のある本番品質のフロントエンド UI を構築できます。この frontend-design skill は、ランディングページ、ダッシュボード、アプリのシェル、各種コンポーネントなど、実装だけでなく階層、タイポグラフィ、モーション、仕上げの精度が重要な場面向けです。デザイン先行の UI 制作に向けたインストール方法と使い方のガイドも含まれています。

design-system skill を使って UI システムを生成・監査し、既存コードからトークンを抽出し、実運用のリポジトリでスタイルの一貫性をレビューできます。

design-consultation は、ざっくりした製品アイデアを完成度の高いデザイン方針へと落とし込むための design-consultation skill です。`DESIGN.md` を唯一の参照元として作成し、プレビューや、タイポグラフィ、カラー、余白、レイアウト、モーションに関するシステムレベルの指針までまとめます。新規プロダクトや、一貫した出発点が必要な UI 面の設計に向いています。

ckm:design は、ロゴ、CIPモックアップ、バナー、スライド、SVGアイコンの制作を、ルーティング付きで体系化したデザインスキルです。実務向けリファレンス、CSVベースの選択肢、Pythonスクリプトを備え、汎用的なプロンプト任せではなく再現性のあるワークフローで進められます。

interaction-designスキルは、目的のあるUIモーション、マイクロインタラクション、画面遷移、ローディング状態、フィードバックパターンを設計・実装するための実践的なガイダンスを提供します。React寄りの参考情報と使いどころがまとまっており、チームでの検討や実装判断に役立ちます。

react-native-designは、React Native UIパターンに特化したスキルです。StyleSheetによるスタイリング、型付きのReact Navigation、Reanimated 3の活用をカバーし、クロスプラットフォーム対応の画面実装に役立ちます。

overdriveは、意欲的なUIデザインに向けたGitHub skillです。文脈の把握、提案先行の進め方、そして優れたインタラクション品質を重視しています。映画的なトランジション、レスポンシブなインターフェース、高い訴求力を持つプロダクト体験を実現したいときに、overdriveを導入して活用できます。

quieterは、うるさく見える、または刺激が強すぎるUIの視覚的な強さを抑えつつ、明瞭さ、階層構造、ブランドの意図は保つためのUIデザイン改善 skill です。親となる `$impeccable` skill の後に使うのが最適で、的を絞った調整を行う前に、強さの原因を見極めるのに役立ちます。

polishは、公開前にアライメント、余白、整合性、トークンの使い方、微細なディテールの問題を見つけるための、最終確認向けUIレビュー スキルです。すでに動いているものの、あと少し洗練が足りない画面、フロー、コンポーネントに最適です。不要な作り直しをせずに、リリース準備、デザインシステムとの整合、全体品質を高めるのに役立ちます。

impeccable は、ありがちなAI風の画一的なUIではなく、個性があり本番品質に耐えるフロントエンドUIづくりを支援するスキルです。craft・teach・extract の各ワークフローに対応し、ページ、Webコンポーネント、アプリ画面、ポスターなど、デザイン比重の高いフロントエンド制作で活用できます。UI Design、デザイン文脈の整理、再利用可能なパターン抽出を進めたい場合に特に有用です。

delight skill を使って、使いやすさや集中を損なわずに、成功・読み込み中・空状態・オンボーディングの各状態へ、上品なUIの磨き込み、マイクロインタラクション、そしてブランドらしさを加えられます。

impeccable は、個性があり本番品質のインターフェースを構築するための UI デザイン／フロントエンド向けスキルです。`craft`、`teach`、`extract` を使ってデザインの方向性を固め、要点を絞った参考資料を読み込み、洗練されたコンポーネント、ページ、デザインシステムのパターンを実装できます。導入や活用時の判断に役立つガイダンスも比較的充実しています。

bolder は、使いやすさを損なわずに、無難で平板になりがちな UI デザインへ個性と視覚的な強さを加えるためのスキルです。bolder を使うべき場面、必須の事前ステップである $frontend-design、そしてより効果的なプロンプト設計・診断・コントロールされた視覚的インパクトの出し方を確認できます。

frontend-design は、文脈を起点に個性あるフロントエンドUIコードを作るための skill です。想定ユーザー、利用シーン、ブランドトーンをもとに、ページ・コンポーネント・画面フローのレイアウト、タイポグラフィ、配色、モーション、インタラクション状態、UXライティングをより完成度高く整えたいときに役立ちます。

polishスキルは、リリース前にUIの最終品質チェックを行いたいチーム向けのスキルです。インターフェースの機能実装が完了し、デザインの前提も共有できている段階で使うことで、余白、整列、操作状態、文言、エッジケースなどの見落としを出荷前に洗い出せます。

overdriveは、標準的なコンポーネントにとどまらない大胆なUI設計のための、ユーザーが呼び出せるスキルです。まず `/frontend-design` の文脈が必要で、そのうえで実装に入る前にコンセプト提案を行い、焦点の定まった高インパクトなインタラクションを構築します。

delight スキルは、UI Design に上品な楽しさや個性、細部の磨き込みを加えるのに役立ちます。成功時の状態、空状態、読み込み中の演出、各種インタラクションを改善したいときに、文脈に応じた delight の導入・設定・使い方ガイドとして活用できます。

bolder は、無難すぎる・平板・個性が弱い UI を、コントラスト、情報の強弱、キャラクターを強めることで改善するための UI デザインスキルです。より実用的で切れ味のある改善提案を得たいときに適しており、使いやすさを損なわずにデザインを引き締められます。利用時は、まず /frontend-design で文脈を整理し、デザイン文脈がない場合は /teach-impeccable の後に使う想定です。

animate skillを使うと、UI機能を見直し、意図のあるアニメーション、マイクロインタラクション、トランジションを設計できます。`/frontend-design`で必要なデザイン文脈を押さえたうえで、フィードバック、わかりやすさ、視覚的な階層、心地よさを高めるモーションを整理し、パフォーマンスとアクセシビリティにも配慮して検討できます。

quieter スキルは、UI Designの視覚的な強さを抑え、階層構造・明快さ・ブランドらしさを保ちながら、派手すぎる、きつい、刺激の強いインターフェースをより落ち着いた印象に整えます。pbakaus/impeccable リポジトリでは、必須の /frontend-design ワークフローを実行した後に使うのが最適です。

polishスキルは、リリース前の最終UIレビューを導き、余白、整列、文言、状態、トランジションの仕上げを整えるためのものです。機能実装が完了した段階で、デザインの前提情報、明確な品質基準、そして対象となる画面・フロー・コンポーネントが定まっている場合に最も効果を発揮します。