探しているスキルを見つけよう
text-to-lottie - テキストプロンプトからのLottieアニメーションJSON生成
自然言語のプロンプトやUIステートの指定から、Webやモバイルアプリですぐに使える軽量ベクターアニメーション(Lottie JSON)を自動生成するスキルです。
react19-concurrent-patterns - React 19 Actions・並行機能・非同期状態設計
React 19の新機能(useActionState、useOptimistic、useTransition、Server Actions)を駆使し、手動のpending状態管理やuseEffectによる副作用を撤廃、極めてスムーズな非同期データフローを構築するスキルです。
hicks-law - ヒックの法則に基づくUI選択肢最適化・離脱防止
ヒックの法則(意思決定時間 = a + b * log2(n + 1))を応用し、Web画面やアプリの選択肢数削減、認知的負荷の分散、ナビゲーション整理、フォーム入力完了率向上を支援するスキルです。
frontend-patterns - React/Next.jsモダンフロントエンド設計パターン
React 19およびNext.js App Routerのベストプラクティスに基づき、Server ComponentsとClient Componentsの最適な境界分離、Custom Hooksによる関心の分離、Zustand/TanStack Queryを活用した効率的な状態管理パターンを実装するスキルです。
figma-generate-design - Figma REST API・デザインコンポーネント自動生成
Figma REST APIおよびPlugin APIを活用し、要件定義やテキストプロンプトからAutoLayoutフレーム、タイポグラフィ、バリアント付きコンポーネントを自動生成するスキルです。
design-token-audit - デザイントークン整合性監査・CSS変数同期
デザインシステム(Figma/Style Dictionary)とフロントエンドコード(CSS/Tailwind/SCSS)間のデザイントークン乖離やハードコード値を検出・整合監査するスキルです。
better-accessibility - プロダクトUIアクセシビリティ(a11y)エンジニアリング
WCAG 2.2(AA基準)に基づき、WebアプリケーションのセマンティックHTML、WAI-ARIAロール・属性、完全キーボードナビゲーション、スクリーンリーダー読み上げ、カラーコントラストを監査・実装・自動テストするスキルです。
angular-architect - Angularモダンアーキテクチャ・Signals設計
Angular最新バージョンにおけるStandalone Components、Signalsによるリアクティブ状態管理、モジュールレスルーティング、Nxモノレポでのクリーンアーキテクチャ設計を支援するスキルです。
ai-ui-patterns - AI主導型React UIコンポーネント設計・Generative UIパターン
AIチャットやコパイロット機能において、トークンごとのストリーミングレンダリング、Generative UI(AIがUIコンポーネントを動的返却)、Optimistic Updates、骨格スケルトン、中断可能対話を極めるReactフロントエンド設計スキルです。