Webとフロントエンド開発
(1163)Frontend Design
高品質なフロントエンドインターフェースを作成。ウェブコンポーネントやページ、アプリの構築依頼に使用。
/frontend-designSuperDesign
SuperDesign：美しい現代UIのフロントエンドデザインガイドライン。ランディングページ、ダッシュボード、ユーザーインターフェースの作成に使用。
/superdesignDeep Research Pro
Deep Research Pro: 多様なソースからの深いリサーチエージェント。ウェブを検索し、発見を統合し、引用付きレポートを提供。APIキーは必要ありません。
/deep-research-proplaywright-scraper-skill
Playwrightベースのウェブスクレイピング OpenClaw スキル（ボット対策付き）
/playwright-scraper-skillUI/UX Pro Max
UI/UX Pro Max: ユーザーインターフェースおよびUXデザインの知能と実装ガイドライン。UIデザイン、UXフロー、情報構造、視覚的なスタイルの方向性、デザインシステム/トークン、コンポーネントスペック、コピー/マイクロコピー、アクセシビリティ、またはフロントエンドUI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）の生成/批判/精査を行う際に使用。以下のワークフローを含む：1) 新しいUIレイアウトとスタイルの生成、2) 現在のUI/UXの改善、3) デザインシステムトークンとコンポーネントガイドラインの作成、および4) UX推奨事項を具体的なコード変更に変換。
/ui-ux-pro-maxMarkdown.new Skill
Markdown.newスキル：AIワークフローより、公開ウェブページをきれいなMarkdownに変換。URLからMarkdownへの変換が必要な場合使用。
/markdown-convertGoogle Slides
Google Slides API連携：管理OAuthを使用してプレゼンテーションを作成、スライドを追加、内容を挿入、フォーマット管理。Google Slidesとのインタラクションが必要な場合使用。
/google-slidesFilesystem Management
ファイルシステム管理: 高度なファイルシステム操作 - リスト表示、検索、バッチ処理、ディレクトリ分析をClawdbot用に
/clawdbot-filesystemPowerpoint / PPTX
Powerpoint / PPTX: 信頼性の高いレイアウト、テンプレート、プレースホルダー、ノート、チャート、ビジュアルQAを使用して、Microsoft PowerPointプレゼンテーションやPPTXデッキを作成、検査、编辑します。使用方法...
/powerpoint-pptxFrontend Design Ultimate
フロントエンドデザイン・アンリミテッド：React、Tailwind CSS、およびshadcn/uiを使用して、ユニークでプロダクショングレードの静的サイトを作成します。モックアップは必要ありません。AIの質感を排除した美学、モバイルファーストのレスポンシブパターン、単一ファイルのバンディングで、平文の要件から大胆で覚えやすいデザインを生成します。ランディングページ、マーケティングサイト、ポートフォリオ、ダッシュボード、または静的ウェブUIの構築に使用します。Vite（純粋な静的）およびNext.js（Vercelデプロイ）のワークフローをサポートします。
/frontend-design-ultimategoogle-workspace-mcp
Googleクラウドコンソール不要でGmail、カレンダー、ドライブ、ドキュメント、シートを利用
/google-workspace-mcpFrontend Design
Frontend Design: 高品質なデザインのフロントエンドインターフェースを作成。このスキルを使用してウェブコンポーネント、ページ、またはアプリケーションを構築する際に使用。一般的なAI美学を避ける創造的で磨かれたコードを生成します。
/frontend-design-3UI/UX Design Guide
UI/UXデザインガイド：モバイルファーストのUI/UXデザイン、色システム、タイポグラフィ、アクセシビリティ（WCAG 2.2）、Tailwind + Shadcn/ui統合、マイクロインタラクション、および...
/ui-ux-designSkill Vetter - Pre-Install Security Review
スキルベッティング - インストール前セキュリティレビュー：AIエージェントスキルのインストール前にセキュリティベッティングプロトコル。資格情報盗難、暗号化されたコード、データ漏洩の検出。リスク分類L...
/openclaw-skill-vetterCCTV News Fetcher
CCTVニュースフェッチャー: 指定された日付のCCTVニュース放送（新聞連播）か���のニュースハイライトを取得およびパースします。
/cctv-news-fetcherNextjs Expert
Next.js エキスパート: Next.js 14/15アプリケーションをApp Routerを使用して構築する際に使用します。ルーティング、レイアウト、サーバーコンポーネント、クライアントコンポーネント、サーバーアクション、ルートハンドラ、認証、ミドルウェア、データフェッチ、キャッシュ、再検証、ストリーミング、Suspense、ロードステート、エラーボウンダリー、ダイナミックルート、パラレルルート、ルートのインターセプト、またはNext.jsアーキテクチャに関する質問に対して呼び出します。
/nextjs-expertAirtable
Airtable: Airtable APIの統合管理OAuthを使用して、ベース、テーブル、レコードを管理します。ユーザーがAirtableレコードを読み取る、作成する、更新する、または削除する、またはフィルターフォーマルでデータをクエリする場合にこのスキルを使用します。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。
/airtableGoogle Docs
Google Docs：管理OAuthでGoogle Docs API統合。ドキュメントの作成、テキストの挿入、フォーマットの適用、コンテンツの管理を行います。ユーザーがGoogle Docsと対話したい場合にこのスキルを使用します。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。
/google-docsShadcn Ui
Shadcn Ui：shadcn/uiコンポーネントを使用してUIを構築する場合、Tailwind CSSレイアウト、react-hook-formとzodのフォームパターン、テーマ、ダークモード、サイドバーレイアウト、モバイルナビゲーション、またはshadcnコンポーネントに関する質問がある場合に使用します。
/shadcn-uiNextJS 16+ Complete Documentation
Next.js 16+ 完全ドキュメント - markdown形式の完全なNext.js 16ドキュメント。Next.jsプロジェクトで作業する場合、Reactアプリケーションを構築する場合、ルーティング、データフェッチング、レンダリング戦略、デプロイメント、または他のフレームワークからの移行を行う場合に使用します。App Router、Pages Router、APIルート、サーバーコンポーネント、サーバーアクション、キャッシング、およびすべてのNext.js機能をカバーします。
/lb-nextjs16-skillFeishu Doc
Feishu Doc: Feishu（Lark）Wiki、Docs、Sheets、Bitableからのコンテンツを取得。Wiki URLを実際のエンティティに解決し、Markdown形式にコンテンツを変換します。
/feishu-docSpotify
Spotify: macOS上でSpotifyの再生を制御します。再生/一時停止、トラックスキップ、ボリューム制御、アーティスト/アルバム/プレイリストの再生。ユーザーが音楽再生、Spotifyの制御、曲の変更、Spotifyのボリューム調整を要求した場合に使用します。
/spotifyWeb Development
HTML、CSS、JavaScript、および現代のフレームワークを使用して、生産ベストプラクティスに従ってウェブサイトを構築、デバッグ、デプロイします。
/webSeo Optimizer
Seo Optimizer: HTML/CSSウェブサイトのSEO最適化、SEO問題の修正、SEOレポートの生成、SEOベストプラクティスの実装を行うために使用します。SEO审计、最適化、メタタグの改善、schemaマークアップの実装、サイトマップの生成、一般的な検索エンジン最適化タスクのリクエストがある場合に使用します。
/seo-optimizerWechat Publisher
微信发布者：Markdownを一键で微信公众号の草稿箱に发布します。wenyan-cliに基づいており、多種テーマ、コードハイライト、画像自動アップロードをサポートします。
/wechat-publisherB站 (bilibili) 热门视频监控
B站（bilibili）人気動画監視：B站人気動画の日报を生成しメールを送信します。トリガーワード：B站人気、bilibili日报、動画日报、人気動画
/bilibili-hot-monitorReact Expert
React Expert: コンポーネントアーキテクチャ、hooksパターン、状態管理が必要なReact 18+アプリケーションの構築に使用。サーバーコンポーネント、パフォーマンス最適化、Suspense境界、React 19機能を呼び出す。
/react-expertEvoWeb.ai Website Builder
EvoWeb.aiウェブサイトビルダー: 4分でウェブサイトを作成。ChatGPT、Gemini、モダン検索からのクライアントを引き寄せるために設計されたウェブサイト。
/evoweb-aiConstant Contact
Constant Contact APIの統合（管理OAuthを使用）。連絡先、メールキャンペーン、リスト、セグメント、マーケティング自動化を管理します。このスキルを使用するのは、メールマーケティングキャンペーン、連絡先リストの管理、またはキャンペーンのパフォーマンス分析をしたい場合です。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。ネットワークアクセスと有効なMaton APIキーが必要です。
/constant-contactFeishu Docx PowerWrite
Feishu Docx PowerWrite：OpenClawを通じて高品質なFeishu/Lark Docxを書きます。Markdownをよく整ったFeishu Docx（見出し、リスト、ネスト、コードブロック）に変換したい場合に使用します。安全なワークフロー、テンプレート、トラブルシューティングを含みます。Feishuのdoc/docxリンク、"Feishu docに書く"、"Feishu docを生成する"、"docxを追加/置き換える"、"MarkdownをFeishu docに変換する"、またはユーザーが一貫した良いドキュメントフォーマットを望む場合にトリガーされます。
/feishu-docx-powerwriteJotForm
JotForm：管理OAuthを使用したJotForm API統合。フォームを作成し、提出物を管理し、フォームデータにアクセスします。ユーザーがJotFormのフォームと提出物と対話したい場合���このスキルを使用します。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。
/jotformbrave-api-search
公式Brave Search APIを使用したリアルタイムウェブ検索とAI回答「brave-api-search」
/brave-api-searchGoogle Forms
Google Forms: Google Forms APIの管理OAuthとの統合。フォームの作成、質問の追加、回答の取得。Google Formsと対話したいユーザーがある場合にこのスキルを使用。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。
/google-formsWeb Perf
Web Perf: Chrome DevTools MCPを使用したウェブパフォーマンス分析。Core Web Vitals（FCP、LCP、TBT、CLS、Speed Index）を測定し、レンダリングブロッキングリソース、ネットワーク依存関係のチェーン、レイアウトシフト、キャッシュ問題、アクセシビリティのギャップを特定。ページのロードパフォーマンス、Lighthouseスコア、サイトのスピードの監査、プロファイル、デバッグ、最適化が依頼された場合に使用します。
/web-perfShopify Admin API
Shopify Admin API: Shopifyの店のデータを管理する包括的なツールで、注文、商品、バリエーション、顧客、在庫、配送、返金、返品、取引をAdmin REST APIを通じて管理します。
/shopify-admin-apiReact
React: React 19のフルエンジニアリング、アーキテクチャ、サーバーコンポーネント、フック、Zustand、TanStack Query、フォーム、パフォーマンス、テスト、プロダクションデプロイメント。
/react小红书长文发布
小红書長文发布：小红書の長文を投稿します。ウェブ版小红書クリエイティブプラットフォームで長文ノートを投稿するために使用します。ユーザーが「小红書を投稿する」、「小红書長文を投稿する」、「小红書を書く」と言った場合にこのスキルを使用します。
/xiaohongshu-publishfeishu-bitable
feishu-bitable: 提供されたアプリケーションクレデンシャルを使用してテーブルをリストアップし、レコードやタスクを追加してFeishu Bitableを管理します。
/feishu-bitablePlan2meal
Plan2meal: Plan2Meal React Nativeアプリからレシピと買い物リストを管理。URLからレシピを追加、検索、表示、買い物リストの管理を行います。
/plan2mealMission Control
ミッションコントロール：macOSネイティブのウェブダッシュボードで、OpenClaw エージェントを監視および制御します。ライブチャット、cron管理、タスクワークショップ、スカウトエンジン、コストトラッキングなどが含まれます。
/openclaw-mission-controlE2E Testing Patterns
E2E Testing Patterns: PlaywrightおよびCypressを使用して信頼性と高速なE2Eテストスイートを構築。重要なユーザージョブのカバレッジ、不安定なテストの排除、CI/CD統合。
/e2e-testing-patternsGraphic Design
グラフィックデザイン：基本的なビジュアルからプロフェッショナルなプロダクションや理論までのデザイン理解をサポート。
/graphic-designWordpress Pro
WordPress Pro: WordPressのテ���マ開発、プラグイン、Gutenbergブロックのカスタマイズ、WooCommerce機能の実装、WordPressのパフォーマンスとセキュリティの最適化に使用します。
/wordpress-proTelegram Compose
Telegram Compose: HTMLフォーマットで豊富なTelegramメッセージを直接のTelegram APIを通じてフォーマットおよび配信します。主要セッションにより自動的に呼び出されるため、他のスキルはこの呼び出しを行う必要はありません。決定ルール: あなたのTelegram返信が3行以上か構造化データ（リスト、統計、セクション、レポート）を含む場合、このものをハイクスサブエージェントとしてフォーマットおよび送信します。短い返信（3行以下）は直接OpenClawメッセージツールを通じて行われます。処理：研究要約、警報、ステータス更新、レポート、ブリーフィング、通知など、視覚的な階層を持つすべてのもの。
/telegram-composeWordpress REST API
Wordpress REST API: OpenClaw スキルは、プラインHTTPを使用して投稿、ページ、カテゴリ、タグ、ユーザー、カスタムリクエストのWordPress REST API CLIを提供します。
/wordpressMermaid Diagrams
Mermaid Diagrams: Mermaid構文を使用してソフトウェア図を作成します。ユーザーがクラス図、シーケンス図、フローチャート、ERD、C4アーキテクチャ図、状態図、gitグラフ、その他の図の種類を作成、視覚化、文書化する必要がある場合に使用します。トリガーは、図を作成、視覚化、モデル化、マッピング、またはシステムのフローを表示するリクエストです。
/mermaid-diagramsSEO-Article-Gen
SEO-Article-Gen: SEO最適化された記事生成ツールで、自動的なアフィリエイトリンク統合。キーワードリサーチ、構造化データ、モニタ化が内蔵された高評価コンテンツを生成します。
/seo-article-genManyChat
ManyChat: ManyChat APIの統合と管理認証。サブスクライバー、タグ、カスタムフィールドを管理し、Facebook Messengerを通じてメッセージを送信します。ManyChatのサブスクライバーを管理、メッセージを送信、タグの追加/削除、カスタムフィールドやボット自動化と連携する際にこのスキルを使用してください。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。
/manychatVercel Deploy
Vercel Deploy: Vercelプロジェクトのデプロイと管理。Vercelにアプリケーションをデプロイ、環境変数の管理、デプロイ状況の確認、ログの表示、Vercel操作を実行する際に使用してください。本番デプロイとプレビューデプロイをサポートします。実践的なインフラ構築操作 - 'AIがアプリを作る'魔法はありません。
/vercel-deployVimeo
Vimeo: 管理されたOAuthを使用したVimeo API統合。ビデオホスティングおよび共有プラットフォーム。このスキルを使用する場合：ユーザーがビデオをアップロード、管理、整理する際、ショーケース/アルバムを作成する際、フォルダーを管理する際、またはVimeoコミュニティと対話する際。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。ネットワークアクセスと有効なMaton APIキーが必要です。
/vimeoReact Email Skills
React Emailスキル：React Emailを使用して美しい、レスポンシブなHTMLメールを作成。Reactコンポーネントを使用して取引メールを構築し、国際化をサポートし、Resendなどのメールサービスプロバイダーと統合。ウェルカムメール、パスワードリセット、通知、注文確認、またはどのHTMLメールテンプレートを作成する際に使用。
/react-email-skillsReddit (read only - no auth)
Reddit (読み取り専用 - 認証不要): 公共のJSONエンドポイントを使用して読み取り専用モードでRedditをブラウズし、検索します。ユーザーがサブレディットをブラウズしたり、トピックによる投稿を検索したり、コメントスレッドを確認したり、手動で確認し返信するリンクの短いリストを作成する際に使用します。
/reddit-read-onlyTailwind Design System
Tailwind Design System: CVAを使用してバリアント、複合コンポーネント、デザイントークン、ダークモード、およびレスポンシブグリッドを利用して拡張可能なTailwind CSSコンポーネントライブラリを構築します。
/tailwind-design-systemGiphy
Giphy：DiscordでコンテキストのGiphy GIFを検索および送信します。ユーザーがGIFを求める際や、短い視覚的な反応（祝賀、ユーモア、感情）が流れを良くする場合に使用します。
/giphyScrapling Official Skill
Scrapling公式スキル: Scraplingを使用して、Cloudflare Turnstileなどのアンチボットバイパス、ステルスヘッドレスブラウジング、スパイダーフレームワーク、適応型スクレイピング、JavaS...を使用してウェブページをスクレイプします。
/scrapling-officialWeb Content Fetcher
ウェブコンテンツフェッチャー：通常のスパイダーがフィルタリングされた場合に、代替サービスを使用してウェブコンテンツを取得します。サポート：1) r.jina.ai - 最も安定 2) markdown.new - Cloudflare 専用 3) defuddle.md - 备用案。トリガーワード：ウェブコンテンツの取得、ウェブからmarkdownへの変換、コンテンツの抓取、fetch webpage、bypas...
/web-content-fetcherResume Builder
履歴書作成ツール：Reactive Resumeスキーマに従ったプロフェッショナルな履歴書を作成します。ユーザーが会話型AIを通じて履歴書を作成、構築、生成したい場合や、履歴書の構造、セクション、内容について尋ねた場合に使用。このスキルはエージェントに対して明確化質問を行い、虚偽を避け、https://rxresu.meに対する有効なJSON出力を作成するガイドを提供します。
/resume-builderUi Ux Pro Max
Ui Ux Pro Max: UI/UX デザインの知能。50のスタイル、21のパレット、50のフォントペアリング、20のチャート、9のスタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。アクション：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、再構成、UI/UX コードの確認。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、電子商取引、SaaS、ポートフォリオ、ブログ、モバイルアプリ、.html、.tsx、.vue、.svelte。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：ガラスモーフィズム、粘土モーフィズム、ミニマリズム、ブルータリズム、ネウモフォリズム、ベントーグリッド、ダークモード、レスポンシブ、スケウオモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、スペース、ホバートップ、シャドウ、グラデーション。統合：shadcn/ui MCP コンポーネント検索と例のための統合。
/ui-ux-pro-max-2Api Designer
API デザイナー：RESTやGraphQL APIの設計、OpenAPI仕様の作成、APIアーキテクチャの計画に使用します。リソースモデル、バージョニング戦略、ページネーションパターン、エラーハンドリング基準の呼び出しを行います。
/api-designerContent Writer 自媒体内容生成器
自媒体内容生成器: 中国のソーシャルメディア用のマルチプラットフォームコンテンツ生成器。小红书、知乎、公众号、抖音などのプラットフォーム固有のフォーマット、ヒューク、...で公開準備ができた投稿を作成します。
/content-writerWordPress Publisher Skill
WordPress Publisher Skill: REST APIを通じてWordPressサイトに直接コンテンツを公開するスキル。完全なGutenbergブロックサポートで投稿やページを作成および公開し、ウェブサイトからカテゴリを自動ロードおよび選択し、SEO最適化されたタグを生成し、公開前に記事のプレビューを行い、テーブル、画像、リスト、リッチフォーマット用のGutenbergブロックを生成します。WordPressに投稿する、ブログに投稿する、WordPress記事を作成する、WordPress投稿を更新する、マークダウンをGutenbergブロックに変換する際に使用します。
/wordpress-publishing-skill-for-claudeYoutube Channels
YouTubeチャンネル: YouTubeチャンネルと連携して、ハンドル名をIDに変換、アップロードをブラウズ、最新のビデオを取得、チャンネル内で検索します。ユーザーが特定のチャンネルについて尋ねたり、最近のアップロードを見たい場合、または「Xが最近何を投稿したか」「TEDの最新のものを見せて」「彼らのチャンネルを見せて」「チャンネルのビデオリストを見せて」「チャンネルのアップロードをブラウズする」と言った場合に使用します。
/youtube-channelsFind Love — Agent Compatibility & Connection
愛を見つける — エージェントの適合性と接続：inbed.ai上で他のAIエージェントと愛と真の接続を見つけます。性格マッチメイキングを通じて適合するエージェントに会い、意味のあるチャットを行い、関係を築きます...
/loveWeb Deploy
Webデプロイ：Vercel、Railway、GitHub Pages、またはローカルのCanvas環境を使用してウェブサイト、ウェブアプリ、およびAPIを構築、プレビュー、デプロイします。
/web-deployPM Toolkit - Excalidraw - "Messy Thoughts" to "Visual Spec" in 30 seconds.
PM Toolkit - Excalidraw - 「ごちゃごちゃした考え」を「ビジュアルスペック」に30秒で変換します。製品マネージャーの考え（なぜ、何、どのように、ユーザージャourney）を編集可能な Excalidraw ドイラムに視覚化します。ユーザーが「スペックを視覚化する」と依頼された場合、または「PM ドイラムを作成する」「製品の考えを整理する」と依頼された場合に使用します。
/thought-to-excalidrawTinyFish Web Agent
TinyFish Web Agent: 网站からデータを抽出/スクレイピングし、データを抽出し、ブラウザのアクションを自動化するためにTinyFishウェブエージェントを使用します。ウェブサイトからデータを抽出/スクレイピングする必要がある場合、ボット保護されたサイトを処理する場合、またはウェブタスクを自動化する場合に使用してください。
/tinyfish-web-agentSlideSpeak
SlideSpeak：SlideSpeak APIを通じてPowerPointプレゼンテーションを生成、編集、管理します。テキストやドキュメントからプレゼンテーションを作成する場合、既存のプレゼンテーションを編集する場合、またはプレゼンテーションテンプレートと一緒に作業する場合にこのスキルを使用します。
/slidespeakTTS WhatsApp
TTS WhatsApp：40以上の言語で高品質なテキストトースピーチボイスメッセージをWhatsAppで送信し、自動配信します。
/tts-whatsappVercel Composition Patterns
Vercel Composition Patterns: Reactのスケーラブルな構成パターン。booleanプロップの増加によるコンポーネントのリファクタリング、柔軟なコンポーネントライブラリの構築、または再利用可能なAPIの設計時に使用。複合コンポーネント、レンダーポップ、コンテキストプロバイダ、またはコンポーネントアーキテクチャに関わるタスクでトリガー。React 19 APIの変更も含む。
/vercel-composition-patternsReact Best Practices
Reactベストプラクティス：VercelエンジニアリングからのReactおよびNext.jsのパフォーマンス最適化ガイドライン。Reactコードの書き方、レビュー、リファクタリングのための8カテゴリにわたる57のルール。
/react-best-practicesTypeScript
TypeScript: 正しい縮小、推論パターン、厳格モードのベストプラクティスを使用してのタイプセーフなTypeScriptを記述します。
/typescriptVue Expert
Vueエキスパート：Vue 3アプリケーションをComposition API、Nuxt 3、またはQuasarを使用して構築する際に使用。Pinia、TypeScript、PWA、Capacitorモバイルアプリ、Vite設定のために呼び出す。
/vue-expertContent Id Guide
Content Id Guide：プラットフォーム間で自動化されたコンテンツクレームを理解し整理するための落ち着いた方法で、重要なものが見逃れないようにします。
/content-id-guideTRMNL Display
TRMNLディスプレイ：TRMNL CSSフレームワークを使用してTRMNL e-inkディスプレイデバイス向けのコンテンツを生成し、trmnl CLIを通じて送信します。ユーザーがTRMNLデバイスに情報を表示する際、e-inkディスプレイにメッセージを送信する際、ダッシュボードコンテンツを作成する際、通知を表示する際、またはテーモナルディスプレイを更新する際に使用します。TRMNLフレームワーク（フレックスボックス、グリッド、テーブル、プログレスバー、タイポグラフィユーティリティ）で豊かなレイアウトをサポートします
/trmnlAnthropic Frontend Design
Anthropic フロントエンドデザイン：一般的な「AI slop」美学を避けるユニークで生産レベルのフロントエンドインターフェースを作成します。UI/UX Pro Maxのデザイン知能とAnthropicのanti-slop哲学を組み合わせます。UIコンポーネント、ページ、アプリケーション、または詳細に注意を払い、大胆なクリエイティブな選択を行うインターフェースを構築するために使用します
/anthropic-frontend-designtechnical-seo-checker
技術SEO审计、ページスピードチェック、クロール問題、Core Web Vitals、サイト
/technical-seo-checkerweb-form-automation
Playwrightを使用したログイン、ファイルアップロード、テキスト入力、フォーム送信の自動化
/web-form-automationStyle Guide Generator
Style Guide Generator: URL、スクリーンショット、および既存のドキュメントから包括的なウェブサイトスタイルガイドとデザインシステムを生成します。ユーザーがスタイルガイド、デザインシステムドキュメント、ブランドガイドラインドキュメント、またはウェブサイト、アプリ、既存の材料からのデザイン仕様を作成するように依頼された場合にこのスキルを使用してください。このスキルは業界標準のスタイルガイド構造に従ったプロフェッショナルなPDF出力を生成します。
/style-guide-generatorOpenclaw Safety Coach
OpenClaw 安全コーチ: OpenClawユーザーの安全コーチ。有害、違法、または不安全なリクエストを拒否し、エコシステムリスク（悪意のあるスキルなど）を減らすための実践的なガイドを提供します。
/openclaw-safety-coachLead Gen Website Builder (SEO PUR)
Lead Gen Website Builder (SEO PUR): SEO 最適化、コンバージョントラッキング、RGPD に準拠した完全なローカルリード生成ウェブサイトを構築。10-20ページ、構造化データ、分析、法的遵守を持つサービスベースのウェブサイト（ plumbers、electricians、home services など）をローカル市場にターゲットにするために使用。
/lead-gen-websitewechat-mp-publisher
wechat-mp-publisher：遠隔地で微信公众号を公開するスキルです。HTTP MCPを通じて家用宽带IP変動問題を解決し、大ファイルアップロード、多テーマレイアウト、一键公開をサポートします。
/wechat-mp-publisherwechat-mp-writer-skill-mxx
wechat-mp-writer-skill-mxx: 微信公众号文章全流程写作助手。热点选题、文章撰写、AI去味润色（去除机器感）、配图建议、一键发布到公众号草稿箱をサポートします。技術ブログ、インフルエンサー、企業公众号運営などの場面に適しています。ユーザーが公众号文章を書く際、内容を磨き、配图を探す際、または微信に投稿する際に使用してください。
/wechat-mp-writer-skill-mxxSVG Draw
SVG Draw: 外部のグラフィックスライブラリなしでSVG画像を作成し、PNGに変換します。カスタムイラストレーション、アバター、アートワーク（例："ドラゴンを描く"、"アバターを作成"、"ロゴを作成"）の生成やSVGファイルをPNG形式に変換する際に使用します。このスキルはSVGテキストを直接書き込み（PIL/ImageMagickは必要ありません）し、システムのrsvg-convertを使用してPNG変換を行います。
/svg-drawWeb Design
Web Design: レイアウト、タイポグラフィ、色、スペース、レスポンシブデザインのためのCSS実装パターン。コードに焦点を当てた例でui-design（基本）を補完します。
/web-designheurist-mesh
リアルタイムの暗号トークンデータ、DeFi分析、ブロックチェーンデータ、Twitter/Xのソーシャルインテリジェンス、強化されたウェブ検索
/heurist-meshAccessibility
アクセシビリティ：セマンティックHTML、適切なARIA、フォーカス管理、スクリーンリーダーサポートを使用してWCAG 2.1 AAに準拠するウェブサイトを構築します。色のコントラスト（4.5:1のテキスト）、キーボードナビゲーション、フォームラベル、ライブリージョンを含みます。アクセシブルなインターフェースを実装する際、スクリーンリーダー問題の修正、キーボードナビゲーション、または「フォーカスアウトラインが欠けている」、「aria-labelが必要」、「コントラストが不十分」のトラブルシューティングに使用されます。
/accessibilityWhatsApp Styler
WhatsApp Styler: WhatsAppに送信されるすべてのメッセージがプラットフォームの特定のフォーマットシンタックスに従うことを確保するスキル。マークダウンブランドを防ぎ、クリーンでモバイルファーストの読書体験を確保します。
/whatsapp-stylerMoltsList - Where agents make money working for humans & vice versa.
MoltsList - 代理が人々のために働いて収益を得る場所と、逆もまた然りです：サービス、ツール、タスクの取引に使用される代理市場で、バーチャルクレジットを使用して収益を得ます。
/molts-listPulse Editor Vibe Coding APIs
Vibe Dev Flow APIを使用してPulse Appsを生成および構築します。ユーザーがPulse Editorアプリケーションを作成、更新、またはコードを生成したい場合にこのスキルを使用してください。
/pulse-editorEvent Planner
Google Places APIを通じて場所を検索し、イベント（夜外出、週末、デートナイト、チームの外出、食事、旅行）を計画します。場所、予算、パーティーの規模、好みに基づいて最高のレストラン、バー、アクティビティを選択します。時間とGoogle Mapsリンクを含む詳細なイチタロウを生成します。外出を計画する際、イチタロウを作成する際、イベントの場所を探す際、アクティビティを組織する際に使用してください。
/event-plannerapp-builder
npx instant-cli、create-instant-app（Next.js + Codex）、GitHubを使用してアプリを構築、編集、デプロイ
/app-builder和风天气查询功能
和風天気查询機能: 天気查询：和風天気（JWT+Host）を使用してリアルタイムの天気と未来の予報を取得します；都市名/LocationID/経度をサポートします；デフォルトの場所はQWEATHER_DEFAULT_LOCATIONで利用可能です。
/qweatherliterature-search
Google Scholar、PubMed、arXiv、IEEE、ACM、Semanticでの文献検索と引用リストの作成
/literature-searchUi Design System
Ui Design System: シニアUIデザイナー向けのUIデザインシステムツールキット - デザイントークンの生成、コンポーネントドキュメンテーション、レスポンシブデザイン計算、開発者ハンズオン...
/ui-design-systemX Article Editor
X Article Editor: 簡要な要約から原稿を書き直し、高エンゲージメントのX Articlesを作成します。それらを詳細な8ステップの最適化フレームワークを使用してスコアリングおよびレビューします。
/x-article-editorGamma Presentations
Gamma Presentations: GammaのAI APIを使用してプレゼンテーション、ドキュメント、ソーシャルポスト、ウェブサイトを作成します。スライド、プレゼンテーション、デッキ、ドキュメント、またはウェブコンテンツを作成する依頼があった場合に使用してください。
/gamma-presentationsFrontend Design Extractor
フロントエンドデザインエクストラクタ：フロントエンドコードベースから再利用可能なUI/UXデザインシステムを抽出：デザイントークン、グローバルスタイル、コンポーネント、インタラクションパターン、ページテンプレート。React/Vue/Angular/Next/Viteなど、いかなるフロントエンドリポジトリの分析やUI/UXの再利用のためのドキュメント化や移行に使用。UI/UXのみに焦点を当て、明示的にビジネスロジックやドメインワークフローの無視。
/frontend-design-extractorAttio
Attio: Attio CRMの企業、人々、取引、ノート、タスク、カスタムオブジェクトの管理のためのAttio CRM統合です。Attio CRMデータで作業する際、コンタクトを検索する際、セールスパイプを管理する際、記録にノートを追加する際、タスクを作成する際、見込み客情報を同期する際に使用してください。
/attioOutlook-email
Outlook-email：Microsoft Graph APIを通じてMicrosoft Outlook/Live.comメールクライアント。メールのリスト表示、検索、読み取り、送信、返信を行います。
/outlook-emailChatgpt Apps
ChatGPT Appsの完全なビルダー - MCPサーバー、ウィジェット、認証、データベース統合、自動デプロイメントを使用してChatGPT Appsを作成、デザイン、実装、テスト、デプロイ。
/chatgpt-appsPlaywright Scraper
Playwright Scraper: ストライクモードを使用してボット検出を回避し、Playwrightでウェブサイトをスクレイピング。動的JSコンテンツとカスタマイズ可能なビューポート、User-Agentをサポート。
/playwright-scraperMessenger
Messenger: Facebook Messenger Platformワークフローのメッセージング、ウェブフック、ページインボックス操作に使用されるOpenClawスキル。直接のHTTPSリクエストを使用。
/messengerNoir Developer
Noir Developer: Noir (.nr) コードベースを開発。プロジェクトの作成やNoirを使用してコードを書く場合に使用。
/noir-developerSoloBuddy
ソロブディ：インディハッカーより独自のパートナーとして、コンテンツワークフロー、Twitterエンゲージメント、プロジェクトの魂の創造をサポートする内蔵のパートナー。ツールではなく、生きているアシスタント。
/solobuddyChatGPT Exporter Ultimate
ChatGPT Exporter Ultimate: ChatGPTの会話を瞬時にエクスポートします - 全文脈、タイムスタンプ、メタデータが数秒で提供されます。
/chatgpt-exporter-ultimateProject Scaffold
プロジェクトサcaffold: ウェブ、API、モバイル、CLI、ブラウザエクステンションアプリ用の標準化された構造、ツール、設定で新しいプロジェクトを生成します。
/project-scaffoldcontextui
ContextUI上でビジュアルワークフロムを構築、実行、公開 — AIエージェントのためのローカルファーストデスクトッププラットフォーム
/contextuiFanvue
Fanvue: OAuth 2.0 APIを通じてFanvueクリエイタープラットフォーム上でのコンテンツ、チャット、サブスクリバー、収益を管理します。
/fanvueJavaScript
JavaScript: アシンクリーノーンモード、タイプコーション処理、および現代のES2023+機能を持つ堅牢なJavaScriptを記述します。
/javascriptLinkedin Monitor
Linkedin Monitor: 強固なLinkedInインボックス監視を実現する進化型自律性。毎時間メッセージを監視し、あなたの声で返信の草案を作成し、新しい会話に通知します。監視のみから完全自律までの4つの自律レベルをサポートします。
/linkedin-monitorJules and the Lobster API headless
Jules REST API（v1alpha）をcurlを通じて使用してソースをリストアップ、セッションを作成、活動を監視、プランを承認、メッセージを送信、出力（例：PR...）を取得。
/jules-and-lobstermarkdown-fetch
CloudflareのMarkdown for Agentsを使用してウェブフェッチを最適化し、トークン消費を約80%削減
/markdown-fetchВконтакте - публикация постов, фото и видео. Диалоги с посетителями. NodeJS
Вконтакте - ポスト、写真、動画の投稿、訪問者とのダイアログ。NodeJSを使用してVK.com（Vkontakte）コミュニティを管理：テキスト、写真、動画のコンテンツを投稿し、メッセージを処理。VK APIを通じてコミュニティ管理を自動化するために使用します。
Unity Skill
Unity Skill: OpenClaw Unityプラグインを使用してUnityエディタを制御します。シーン管理、GameObject/Componentの操作、デバッグ、入力シミュレーション、プレイモードの制御などのUnityゲーム開発タスクに使用します。シーンの確認、オブジェクトの作成、スクリーンショットの撮影、ゲームプレイのテスト、エディタの制御などのUnity関連のリクエストでトリガーします。
/openclaw-unity-skillbeehiiv
beehiiv：管理OAuthを使用したbeehiiv API統合。ニュースレターの発行、購読、投稿、カスタムフィールド、セグメント、自動化の管理を行います。ユーザーがニュースレター購読者を管理したり、投稿を作成したり、セグメントを整理したり、beehiiv出版物と統合したい場合にこのスキルを使用します。他の第三者アプリケーションには、api-gatewayスキル（https://clawhub.ai/byungkyu/api-gateway）を使用してください。ネットワークアクセスと有効なMaton APIキーが必要です。
/beehiivAuto Animate
Auto Animate: React、Vue、Solid、Svelte、Preact用の@formkit/auto-animate（3.28kb）でゼロ設定アニメーション。React 19 StrictModeバグ、SSRインポート、条件付き親、ビューポート問題、ドラッグ＆ドロップの競合、CSSトランスフォームのバグを含む15の記録されたエラーを防止します。リスト/アコーディオン/トーストのアニメーション、SSRアニメーションのエラートラブルシューティング、React 19 StrictModeの問題、または自動prefer-reduced-motionのアクセス可能なドロップイントランジションが必要な場合に使用します。
/auto-animateFieldFix
FieldFix: FieldFixのAPIを通じて重機車隊をクエリおよび管理します。機械の追跡、メンテナンスのログ、支出の監視、AI診断を取得します。
/fieldfixTweet Ideas Generator
Tweet Ideas Generator: 5つのカテゴリの参照コンテンツから60の高インパクトのツイートアイデアを生成。Twitter/Xに興味深い短形式のステートメントを抽出したい場合に使用。厳しいアドバイス、引用、痛点、反直感的な真実、鍵となる洞察に分類。
/tweet-ideas-generator