探しているスキルを見つけよう
von-restorff-effect - 孤立効果・CTA視線誘導デザイン
認知心理学の「フォン・レストルフ効果(孤立効果 / Isolation Effect)」に基づき、複数の要素の中で最も際立たせたいCTAボタンやおすすめ料金プランを、色・形状・余白・アニメーションで視覚的に際立たせるUI設計スキルです。
seedance-2-5-reference-to-video - Seedance 2.5参照画像動画生成
画像参照型AI動画生成モデル「Seedance 2.5」において、参照画像(キャラクター・製品・背景)の視覚的一貫性を維持したまま、テキストプロンプトでカメラワークやキャラクターの滑らかな動作を制御する動画生成パイプラインスキルです。
navigation-patterns - UI/UXナビゲーション情報設計・実装パターン
Webおよびモバイルプロダクトにおいて、メガメニュー、タブバー、ブレッドクラム、ドロワーメニュー、ボトムナビゲーション等の最適な情報アーキテクチャ(IA)とレスポンシブUI実装を提供するスキルです。
mapbox-style-quality - Mapbox地図スタイル品質監査・描画最適化
Mapbox GL JSやMapbox Studioで作成されたマップスタイル仕様(Mapbox Style Spec JSON)を監査し、ズームレベルごとのレイヤー過密、フォント・ラベルの重なり、カラーコントラスト、レンダリング負荷を最適化するスキルです。
image-inpainting - AI画像インペインティング・部分修正自動化
Stable DiffusionやComfyUI、RunComfy等の画像生成ワークフローを活用し、画像内の不要オブジェクトの消去、指定領域の衣服・背景の差し替え、シームレスな境界ブレンディングを実行するスキルです。
hatch-pet - バーチャルペット孵化・感情対話コンパニオン
対話型AIを活用し、卵から孵化(Hatch)させたバーチャルペットの育成、性格付け、健康・親密度ステータス管理、ユーザーの感情に寄り添うインタラクティブなコンパニオン体験を提供するスキルです。
gsap-utils - GSAPユーティリティ関数・数値変換マスター
GreenSock Animation Platform(GSAP)のgsap.utilsメソッド群(clamp, mapRange, wrap, interpolate, snap, random, toArray)を駆使し、複雑なモーション数学計算や配列要素の正規化を効率化するスキルです。
flutter-layout - FlutterレスポンシブUI・複雑レイアウト設計
Flutterアプリケーションにおいて、Flex(Row/Column)、Stack、CustomScrollView、LayoutBuilderを駆使し、スマホ、タブレット、デスクトップ、Webで破綻しない型崩れゼロのレスポンシブUIを構築するスキルです。
figma - Figma REST API自動化・フレーム抽出
Figma REST APIを活用し、Figmaファイル内のデザインフレーム、レイヤー階層、ベクターアセット(SVG/PNG)、タイポグラフィ、デザイントークンを自動抽出し、Web実装や動画生成パイプラインへ連携するスキルです。
figma-code-connect - Figma Code Connect・デザインシステム同期
Figma Code Connectを活用し、Figma上のUIコンポーネント(Variants, Props)とプロダクションコード(React, iOS SwiftUI, Android Compose等)を1対1でリンクさせ、Dev Mode上で正確なコードスニペットを表示するスキルです。
creative - クリエイティブディレクション・ブランドコンセプト設計
Webプロダクト、ブランディング、デジタルキャンペーンにおいて、視覚的メタファー、独自のカラーパレット、感情を動かすタイポグラフィ、一貫したトーン&マナーを体系的に定義・展開するクリエイティブ設計スキルです。
card-xiaohongshu - 小紅書風スワイプナレッジカードUI生成
中国で人気のSNS「小紅書(RED / Xiaohongshu)」特有の洗練されたビジュアル構成を取り入れ、縦長アスペクト比でスワイプ可能なマルチカードUIコンポーネントを設計・生成するスキルです。
canvas - Markdown Canvas・思考マップ視覚的構造化
Obsidian Canvas等の無限キャンバス形式(.canvas JSON)を活用し、アイデアのブレインストーミング、システム構成図、タスクフローのカード配置やエッジ接続を視覚的に自動生成・構造化するスキルです。
awwwards-landing-page - Awwwards受賞級クリエイティブLP開発
Locomotive Scroll、GSAP ScrollTrigger、Framer Motionを駆使し、滑らかな慣性スクロール、キネティックタイポグラフィ、没入感のあるインタラクションを備えたアワード水準のLPを開発するスキルです。
animation-systems - UIアニメーションシステム・物理スプリング設計
SwiftUI、React、Framer Motionにおいて、質量(mass)、剛性(stiffness)、減衰(damping)に基づいたリアルな物理スプリングモーション、階層的トランジション、マイクロインタラクションシステムを設計・実装するスキルです。
ai-image-generation - 高品質AI画像生成・プロンプト最適化
画像生成AI(Midjourney, Stable Diffusion, DALL-E等)向けの高度なプロンプト設計、画風・ライティング・構図パラメータの制御、Webアセットやクリエイティブ素材の生成を支援するスキルです。