Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
誰かが構築を始める前にワークベンチを定義します。Workbench Architect は、曖昧な一文をそのまま構築に使える Workbench Spec に変換します。インターフェースが存在する前に実行され、インターフェースは作成しません。対象が何であるかを決め、ページを構築できるだけの仕様を finesse-ui（または Cursor、v0、通义、人間の開発者）に渡します。成果物は常に**Webページ**です。スマートフォンのブラウザーで表示する H5 ページ、またはデスクトップ Web コンソールであり、ネイティブアプリではありません。そのため、毎日のフックが唯一のリテンション手段です。プッシュ通知もバッジもなく、ほかに頼れるものはありません。同じ手法で**2つの領域**を扱います。**個人向け**—一人が一つの領域で毎日戻ってくるページ（生理 · 筋力増強 · ペット飼育 · 家計簿 · 屋台 · 子どもの学習支援）：ルーティング語を一つ入力すると、あらかじめ紐付けられた骨組みのライブラリから、そのターン内にワークベンチ全体を出力します。**システム向け**—一つの業務対象を中心に回る複数モジュールのワークベンチ（CRM · ERP · AI Agent コンソール · データダッシュボード · スマートファクトリー · プロジェクト管理 · EC バックオフィス · コンテンツ制作センター · 医療 · 教育 · 運用バックオフィス）：構造化された質問を2つ（主な対象 · 誰が使うか · 毎日最もよく行うこと）し、その後に仕様全体を提示します。どちらの経路にするかは、「Xが全部でN個ある」と言えるか、という内部テストで決めます。ユーザーにカテゴリを選ばせることはありません。カテゴリメニューでは毎回先頭の項目が選ばれてしまうためです。対象者ではなく**構造**で分類します。**cycle · ledger · state · runbook · feed · care · operation · pipeline · registry · console · monitor**の11種類の構造が、それぞれ独自のフックの式、ファーストビューの形、データモデルの骨組み、必須モジュール、特有の失敗パターンを決めます。対象者は無限に存在し、分類の役には立ちません。このカテゴリ全体の成否を左右する条件を徹底します。すべてのフック節に、読み取るフィールド、**そのフィールドを書き込む人またはもの**（ユーザー · システム · 統合 · 派生値。システム領域では、ほとんどの場合「ユーザー」ではありません）、そしてデータがない初日に画面へ何を表示するかを明記します。データがない場合の底支えを欠くフックは、木曜日にはおみくじになる美しい文にすぎません。データがない場合の底支えを欠くシステムワークベンチは、実際のデータベースにつないだ途端に空のテーブルを表示するだけの美しいデモです。`.workbench/spec.md` を出力します。ビルダーが機械的に読み取れる YAML frontmatter（目的、一人の利用者または役割、`subject`、紐付けられたフィールドと書き込み元を含むフック、コールドスタート時の文言、**ファーストビューの上から下までの内容**、**各モジュール／チャンネルの機能と L1/L2/L3 ページツリー**、**`entities` — フィールド、書き込み元、関係を含むデータモデル**、MVP の範囲、ビジュアルの方向性、収益化の接点）に加え、人向けの中国語説明と、手法固有の用語を平易な構築指示に置き換える `给实现方` セクションを含みます。そのため、このファイルは作成元のスキルだけでなく、あらゆるビルダーが使える完全なブリーフです。ファイルシステムがないチャット製品やスマートフォンアシスタントでは、ファイルを書いたふりをせず、仕様全体をコピー可能な一つのブロックとして出力します。どの入口でも質問より先に成果を示します。領域が分かった時点で、そのターン内にワークベンチ全体を生成します。異議を出すのは簡単ですが、引き出すのは困難だからです。「ペットを飼う」には完成済みの提案を返して意見を求め、「CRMを作りたい」には2つの質問の後に完成済みの提案を返します。5回にわたる聞き取りはしません。その後の各メッセージでは、一つの質問にだけ答えるのではなく、改善した定義全体を改めて提示します。ユーザーが目にするのは、答えるべき質問の羅列ではなく、常に改善されていく成果物です。手法そのものを説明することはありません。ユーザー向けの内容では、構造名、ダイヤル番号、チャンネルタイプのラベル、メニューが不適切な理由の説明を一切表示しません。個人向けワークベンチの翌日離脱ブラックリストと、システム向けの**使われないコンソールのブラックリスト**（リストページだらけの惨状、空のバックオフィス、機能ではなく名詞になっているモジュール、架空の権限、偽のデモデータ）、入力と見返りのバランスルール、チャンネル／モジュールの組み合わせルール、コールドスタート手順、モジュールに後付けするのではなくモジュールから育つ収益化の接点を提供します。異議を唱えられるケア対象者（学齢期の子ども、ティーンエイジャー、親など）にも対応します。記録が監視に変わるおそれがあるため、フックでは不足ではなく進捗を示さなければなりません。動詞コマンド（sketch · discover · define · modules|channels · hook · data · pages · audit · narrow|widen · monetize · handoff）に対応します。次の語句に反応します。「个人工作台」、「专属工作台」、「AI 工作台」、「AI Agent 工作台」、「Agent 控制台」、「工作台」、「后台」、「管理后台」、「控制台」、「CRM」、「ERP」、「进销存」、「数据看板」、「BI 看板」、「驾驶舱」、「大屏」、「智慧工厂」、「IoT 控制中心」、「项目管理系统」、「内容创作中心」、「电商后台」、「运营后台」、「教务系统」、「医疗系统」、「知识库」、「我想做个自己的工具」、「帮我想一个工作台」、「帮我定义一下这个产品」、「不知道做什么产品」、「personal dashboard」、「admin console」、「back office」、「what should I build」、「每日钩子」、「daily hook」、「左轨」、「频道设计」、「模块划分」、「信息架构」、「页面层级」、「数据模型」、「留存机制」、「第二天没人打开」、「用户不会录数据」、「冷启动」、「空数据」、「这个功能有人用吗」、「先给我看看效果」、「直接做出来我看看」、「给孩子做个」、「给我妈做个」、「经期/健身/睡眠/备考/养宠/育儿/记账/摆摊 工作台」、「/workbench」。
明確なビジュアル方針、検索可能な UX とデザインシステムのガイダンス、レスポンシブ対応とアクセシビリティのルール、技術スタック別の推奨事項、簡潔なプロダクトコピーを備えた、本番向けフロントエンドおよびモバイルインターフェースのデザイン、構築、レビュー、仕上げを行います。Web、Flutter、React Native、SwiftUI、デスクトップなどのインターフェースで、ページ、コンポーネント、レイアウト、スタイリング、インタラクション、ナビゲーション、モーション、チャート、ビジュアルアセット、UI コピー、フロントエンドの使いやすさを作成または変更する際に使用します。
Syncfusion .NET MAUI Range Selector（SfRangeSelector）コンポーネントを実装します。.NET MAUI で、チャートを埋め込んだ範囲選択、数値範囲入力、RangeStart/RangeEnd、トラックのカスタマイズ、つまみのスタイル設定に使用します。ツールチップ設定、ラベルの書式設定、目盛り／区切り線、選択モード、イベント、範囲コントロール内への SfCartesianChart の埋め込みを扱います。
一貫性のあるブランドアイデンティティシステムを構築し、維持する技術です。ブランディングはブランド戦略を具体的な視覚と言語のアイデンティティへと形にします。ロゴ、カラ―システム、タイポグラフィ、画像、トーンのガイドラインが連携し、ブランドを認識しやすく、記憶に残るものにします。このスキルでは、ロゴデザイン、ビジュアルアイデンティティシステム、ブランドガイドライン、ネーミング、言語的アイデンティティ、各タッチポイントでのブランド展開を扱います。優れたブランディングは、うまくできていると目立たず、まるで必然であるかのように感じられます。ブランドはほかの形ではありえなかったと思えるほどです。「logo, branding, brand identity, brand guidelines, visual identity, color palette, typography, brand book, naming, rebrand, brand refresh, brand system, branding, identity, logo, visual-design, guidelines, naming, typography, color」に言及したときに使用します。
12 種類のビジュアルスタイル、8 種類のレイアウト、3 種類のカラーパレットでインフォグラフィック画像カードのシリーズを生成します。コンテンツを、ソーシャルメディアでのエンゲージメントに最適化された 1～10 枚の漫画風画像カードに分割します。「小红书图片」「小红书种草」「小绿书」「微信图文」「微信贴图」「image cards」「图片卡片」、baoyu-xhs-images が言及された場合、またはソーシャルメディア向けのインフォグラフィックシリーズを希望する場合に使用します。
UI コードのレビュー、コンポーネントやレイアウトの設計、イージングカーブやトランジションの選択、アニメーションや音の要否の判断、タイポグラフィ・色（OKLCH、コントラスト）・アバターの選択、UI コピーやエラー文の作成、AI らしさ・コード上の兆候・アクセシビリティの見落としの監査、画面の生成感を抑える調整、DESIGN.md や .design トークンの利用、エージェント向けデザインシステム文書の作成、Agentation へのフィードバック、UI が平坦または未完成に感じる理由の分析、楽しさを加える価値の判断、UI 効果音の設計・生成と動きとの同期、プロダクトローンチ動画の企画・編集・採点・レビュー、SVG（アイコン、マスコット、ロゴの演出、動画からベクターへの変換）の作成やアニメーション、図や tldraw キャンバスの作成、ピッカーで選ぶ案のプロトタイピング、プロンプトを再調整する代わりにツールを構築する場合、またはどのデザインスキルが担当すべきか選ぶ場合に読み込みます。Emil Kowalski、Benji Taylor、transitions.dev、guidelines.sh、Vercel、Index、Apple、および計測分析された 47 本のローンチ動画から要点を抽出しています。
Rust 製フロントエンドフレームワーク fandhe-frontend のリファレンス。SSR / SPA / SSG / View Transitions、hydration、Document builder（SSR 組み込み）、CSP meta、単一実行ファイル配布、Vercel、既定のエスケープ。クレート：core / app / interactive / server（generate_pages）/ headless-ui（Primitives、AutocompleteToken、passkey）/ pre-styled-ui（Themes、motion）/ wireframe-ui（Wireframes）/ animation（data-* 属性）/ wasm-full。Blocks（Hero / Pricing / Cart などのセクション例 335 件）。CLI fw
WeChat公式アカウント向けのスマート組版スキル。固定テンプレートはなく、記事を読み解いて、その場で各記事のレイアウトを設計します。構成、読み進めるリズム、スタイル、配色、フォントを内容から導き、毎回異なるデザインにし、代替スタイルの参考例も提示します。WeChatで安全な実装手法を使って完全インラインHTMLを生成し、内容の完全性、互換性、出力契約、実際のレンダリングという4つの公開ゲートで、貼り付け後にレイアウトが崩れるリスクを軽減します。「ワンクリックでコピー」ボタン付きのプレビューページを出力します。ユーザーが「WeChat記事」「公式アカウント記事」「公式アカウントに投稿」「組版して」「公式アカウントの組版」「WeChatの組版」「WeChat形式に整える」「公式アカウントHTML」と言及した場合、または公式アカウントに掲載する記事／Markdownを提示した場合に起動します。既存の公式アカウントHTMLの互換性や組版品質の確認、記事のスタイル変更と再組版にも使用します。
ユーザーがランディングページ、ダッシュボード、ポートフォリオ、SaaS アプリ、マーケティングサイト、コンポーネント、ヒーローセクション、ナビゲーションバー、フッター、料金表、ポスター、モバイル UI、または Web/React/Next.js/Vue/Svelte の UI など、あらゆるフロントエンドインターフェースの構築、作成、デザイン、再デザイン、ブラッシュアップ、監査、アニメーション化、改善、修正、または「もっときれいに／すっきり／魅力的に」することを求めた場合は、必ずこのスキルを使用してください。Tailwind、shadcn、Framer Motion、21st.dev、React Bits、アニメーション、タイポグラフィ、カラーパレット、デザインセンス、「高級感を出す」「見た目を直す」「ありがちなデザインを避ける」といった言及がある場合も使用します。タイポグラフィ、色、動き、レイアウト、アクセシビリティ、コピーに関する本番品質のデザイン規律を徹底し、Inter フォント、紫から青へのグラデーション、3枚カードの機能紹介、h-screen のヒーロー、John Doe の仮データ、「高める／シームレス／解き放つ」などのありきたりな AI デザイン表現を禁止します。セッションをまたいでトークンを固定するため、プロジェクトの DESIGN.md を生成します。UI/UX Pro Max、Framer Motion、21st.dev Magic、React Bits、Anthropic frontend-design、Impeccable、design-taste-frontend のルールを統合しています。
ユーザーが「HTML スライドを作成」「HTML プレゼンテーションを生成」「アニメーション付きスライドを作成」「インタラクティブなスライドを構築」「Web スライドを作成」「GSAP プレゼンテーション」「ブラウザベースのスライド」「PPTX を HTML に変換」「アニメーション付き資料」「reveal.js スライド」と依頼した場合、またはプレゼンテーションの出力形式が HTML の場合に使用します。「単一ファイルのプレゼンテーション」「スライド内の CSS アニメーション」「スクロールベースのスライド」「Web プレゼンテーション」でも起動します。ビューポートへの適合、CSS/GSAP アニメーション、厳選したスタイルプリセットを備えた、自己完結型の単一ファイル HTML を生成します。
Tailwind CSS プラグイン — 公式プラグインとカスタムプラグインの開発。以下の場合に積極的に有効化します。(1) @tailwindcss/typography（prose）、(2) @tailwindcss/forms、(3) @tailwindcss/aspect-ratio（現在は組み込み）、(4) @tailwindcss/container-queries、(5) plugin() API によるカスタムプラグインの作成、(6) プラグイン API の addUtilities、addComponents、addVariant、(7) サードパーティ製プラグイン（tailwindcss-animate、tailwind-merge）、(8) v4 の CSS 内 @utility と @variant（多くの場合 JS プラグインの代替）、(9) v3 JS API から v4 CSS API へのプラグイン移行。公式プラグインのインストール／設定、プラグイン API リファレンス、カスタムプラグイン例、v3 から v4 への移行ガイドを提供します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。