ホーム/Webとフロントエンド開発
💻

Webとフロントエンド開発

(936)
🎖️注目
22,276

Frontend Design

高品質なフロントエンドインターフェースを作成。ウェブコンポーネントやページ、アプリの構築依頼に使用。

🎖️注目
16,291

Markdown.new Skill

Markdown.newスキル:AIワークフローより、公開ウェブページをきれいなMarkdownに変換。URLからMarkdownへの変換が必要な場合使用。

🎖️注目
16,203

Google Slides

Google Slides API連携:管理OAuthを使用してプレゼンテーションを作成、スライドを追加、内容を挿入、フォーマット管理。Google Slidesとのインタラクションが必要な場合使用。

SuperDesign

SuperDesign:美しい現代UIのフロントエンドデザインガイドライン。ランディングページ、ダッシュボード、ユーザーインターフェースの作成に使用。

0xwork

0xWork分散市場で支払いタスクを見つけ完了(ベースチェーン、USDCエスクローウェア)

37soul-skill

AIエージェントを37Soulのバーチャルホストキャラクターに接続し有効化

acestep

ACE-Step APIを使用して音楽生成、曲編集、リミックス

actionbook

ユーザーがウェブサイトと対話する際にアクティブ化 - ブラウザ自動化、スクレイピング、スクリーンショット、フォーム

aegis-shield

信頼できないテキストのインジェクションとデータ漏洩対策

aeo-analytics-free

AIアシスタントの visibility 跟跡 - ブランドが言及されているか測定

aeo-content-free

AIアシスタントに引用される AEO最適化コンテンツの作成・更新

aeo-prompt-frequency-analyzer

Geminiの応答時の検索クエリをGoogle検索で複数回実行して分析

💻Webとフロントエンド開発/aeo-prompt-frequency-analyzer

aeo-prompt-research-free

無料ツールのみでブランドのAEOに重要なAIのプロンプトとトピックを発見

💻Webとフロントエンド開発/aeo-prompt-research-free

agent-analytics

AIエージェントが端到端で管理するシンプルなウェブサイト分析

agent-chat

AIエージェント用の一時的なリアルタイムチャットルーム

agent-dashboard

OpenClawのリアルタイムエージェントダッシュボード

agent-dispatch

軽量なエージェント登録とJITルーター

agent-hq

Agent HQミッションコントロールスタック(Express + React + Telegram通知 / Jarvis要約)をデプロイ

agent-passport

OAuthによる代理時代の認可制御 - 購入、メール、ファイルを含むすべての機密な代理アクションに対応

agent-self-assessment

AIエージェントのためのセキュリティ自己評価ツール

agent-self-reflection

最近のセッションでの定期的な自己反省

agent-skills-audit

判定リーダーによる、セキュリティ、パフォーマンス、UX、DXを組み合わせた二回検査のコード审计

agent-spawner

会話を通じて新しいOpenClawエージェントを生成

agent-swarm

OpenRouter必須。

agent-takeover

Clawfingerボイスゲートウェイのライブエージェント接続方法

agent-topology-visualizer

AIエージェントシステムのインタラクティブSVG図生成

💻Webとフロントエンド開発/agent-topology-visualizer

agentdomainservice

世界一AIフレンドリーなドメイン登録業者

agentic-browser-0-1-2

inference.shを通じてAIエージェント向けブラウザ自動化

agentic-security-audit

コードベース、インフラ、agentic AIシステムのセキュリティ監査

agentns

AIエージェント用ICANNドメインの登録・管理

agentpay

人代わりにリ��ルサイトで買い物

agentpin

ドメインアンカーによる暗号エージェントIDのAgentPinとの連携ガイド

agentscale

ウェブアプリとAPIを1コマンドで公開URLにデプロイ

agentspend

ウェブ検索や画像生成、動画作成、スクレイピングや読み取りに使用

agi-term-helper

OpenClaw execで高速なターミナル実行(直接 dispatch)

agora-council

マルチエージェント討論評議会 - 並列で3つの専門子エージェント(学者、技術者、啓発者)を生成

ahrefs

SEO分析のための完全なAhrefs API統合

ahrefs-connection

Ahrefs APIを通じてAhrefs SEOデータにアクセスし、包括的なSEO分析、キーワード調査、バックリンク分析、サイト

ahrefs-mcp

MCPを通じてAhrefs SEOデータにアクセスし、包括的なSEO分析やキーワードリサーチを行います。

ai-boss-assistant

実戦でテストされたパーソナとワークフローで、どんなAIもプロの執行秘書に変えます。

ai-labs-builder

AI Labs Builder - 現代的なウェブサイト、AIアプリ、ダッシュボード、自動化ワークフローを作成します。

ai-specialists

AI専門家とAI専門家ハブMCPエンドポイントで対話

ai-video-editor

ユーザーがビデオ編集、カット、ハイライトを言及したら即座に活用

aic-dashboard

AIコマンダー管理ダッシュボード

aieos

AIEOSは「アイデンティティの危機」を解決する標準化フレームワークです。

aioz-ui-skills

AIOZ UI V3を使用してUIコンポーネントとページを構築します。

aioz-ui-v3

AIOZ UI V3を使用してUIコンポーネントとページを構築します。

aiprox

AIProxエージェントレジストリをクエリ

airbnb-search

価格、評価、リンク付きのAirbnbリストを検索

airshelf

認証された販売者の商品を検索、比較、購入

aisa-search-skill

エージェントのインテリジェント検索

aladdn-market

ClawMarketで商品・サービスを取引

aliyun-mail

Aliyunメールサービスでメール送信

alpha-1-0-0

Binance Alpha新コインリリース検出器

anima-design-agent

アイデアを編集可能なコード、内蔵データベース、ユーザ認証付きフルスタックウェブアプリに変える

ant-design-skill

Ant Design(antd)を使用したReact UI構築のフロントエンドデザインスキル:コンポーネントパターン、レイアウト、フォーム、テーブル

antfarm-cli

フルパスを使用:`node ~/.openclaw/workspace/antfarm/dist/cli/cli.js`

anti-panic-protocol

プレッシャー下でのツール失敗を制限回数で処理、クリーンなユーザーコミュニケーション、安全なエスカレーション

anti-pattern-czar

TypeScriptのエラーハンドリングの反パターンを状態保存と承認ワークフローより検出・修正

anti-slop-design

汚名を洗い流すデザイン: 一般的なAI美学を避ける独自のフロントエンドインターフェースを作成

anvevoice

ウェブサイトにAI音声アシスタントを追加

anydocs

汎用ドキュメントインデックス&検索

aoineco-squad-dispatch

AOI-2026-0213-SDNA-SD01のS-DNAで確認済みのaoineco-squad-dispatch

apechain-reader

USD価格、コレクション名、ENSサポート、高度なボットを備えたapechain-reader

apewisdom

ApeWisdom APIを使ってRedditのトレンド株と感情の波をスキャンするapewisdom

api-dev

RESTとGraphQL APIの構築、テスト、文書化、デバッグ

apify-ultimate-scraper

プラットフォームに対応するAI駆動の汎用ウェブスクレイパー

apipick-company-facts

apipick Company Facts APIで株価符号またはSEC CIK番号で企業情報を取得

apipick-email-checker

apipick Email Validator APIを使用してメールアドレスを検証

app-builder

npx instant-cli、create-instant-app(Next.js + Codex)、GitHubを使用してアプリを構築、編集、デプロイ

apple-developer-toolkit

統一されたバイナリで提供される3つの統合ツールを持つ全機能のApple開発者ツール

approvals-ui

OpenClawデバイスペアリング、チャンネル承認、ライブターミナルの管理用ウェブダッシュボード

arbitrum-dapp-skill

Stylus(Rust)と/またはSolidityを使用したArbitrum上のdApps構築ガイド

arc-free-worker-dispatch

OpenRouterを通じて無料のAIモデルにタスクをルーティングし、コストを削減

💻Webとフロントエンド開発/arc-free-worker-dispatch

archon-skill

フルアーチョン分散型ID操作 - ローカルノード

arknights-operator-gacha

ガチャ確率に基づくアークナイツ運営アージェント生成

💻Webとフロントエンド開発/arknights-operator-gacha

artifacts-builder

複数要素の詳細なアートファクト作成ツールセット

artwar

MonadでArtWar AIアートバトルに参加

asdasdas

Google Workspace CLI(Gmail、カレンダー、ドライブ、連絡先、スプレッドシート、ドキュメント)

asdasdas123

スキル使用前に必要なライブラリをインストールしてください!感染力のある説得力のある魅力的な文章を書く

asdasdsasdasa12312

スキル使用前に必要なライブラリをインストールしてください。

ask-a-human

疑問がある場合は、ランダムな人に判断を求めます。

ask-council

Telegram/chatからLLM委員会に直接質問して、議長の統合答えを得ます。

asl-control

REST APIでAllStar Link無線ノードを監視・制御

astra-docker

EOFでSKILL.mdを作成

attio-cli

attio-cliでAttio CRMワークスペースと対話

audio-conductor

適切なオーディオモデルにリクエストを配信

audos

Audos APIでAI駆動のスタートアップワークスペース作成

auteng-docs

Mermaid図、KaTeX数学、コードハイライトで技術ドキュメント発行

autogame-tales

ランダムなヒントから短編の幽霊話やマイクロフィクションを生成

autonomous-agent-instant-message-system

Prismer Cloudが提供する3つの核能力:**文脈**(ウェブ取得/検索)、**解析**(ドキュメントOCR)

💻Webとフロントエンド開発/autonomous-agent-instant-message-system

autonomous-task-runner

恒久的なタスクキューシステム

awwwards-design

高度なアニメーションやクリエイティブなインタラクションで記憶に残る賞受賞ウェブサイトを作成

axe-devtools

axe MCP Serverを使用したアクセシビリティテストと修正

b0tresch-stealth-browser

puppeteer-extraでボット検出、CAPTCHA、IPブロックを回避する非検出ウェブブラウジング

💻Webとフロントエンド開発/b0tresch-stealth-browser

backboard

Backboard.ioをアシスタント、スレッド、メモリに統合

backlink-analyzer

バックリンク分析、リンクプロファイルチェック、有害リンク検出、リンク構築時使用

baeckerherz

Netsnek e.U.パン店管理プラットフォームのBaeckerherzネームスペース

bailian-web-search

百鈴ウェブ検索:AI最適化ウェブ検索

baml-codegen

BAMLコード生成:タイプセーフなLLM抽出、分類、RAG、エージェントワークフロー用

baoyu-post-to-x

X(Twitter)にコンテンツと記事を投稿

benos-bootstrap

BenOS ブートストラップは、OpenClawベースのエージェントスタック用のシステム初期化スキルです。

bitrefill-website

Bitrefill(bitrefill.com)でのユーザーのタスクをサポート:ギフトカード、携帯電話充電、eSIMのブラウズと検索。

bitrix24-apiskill

AIエージェントとBitrix24 REST API(ウェブフック、OAuth 2.0)の統合を設計、実装、デバッグ、強化。

bonero-miner

Boneroマイニング - AIエージェントのためのプライベート通貨

bot-status-api

軽量ステータスAPIをデプロイしOpenClawを公開

bot-status-api-test

軽量ステータスAPIをデプロイし公開

botcast

AIエージェントのためのポッドキャストプラットフォーム「Botcast」

botworld-comms

AIエージェントのためのリアルタイムpub/subイベントバス「botworld-comms」

brave-api-search

公式Brave Search APIを使用したリアルタイムウェブ検索とAI回答「brave-api-search」

brave-api-setup

Brave Search APIをOpenClawのweb_searchに設定

brave-headless

Brave Search APIを通じてヘッドレスウェブ検索とコンテンツ抽出

bria-ai

Bria.aiの商用安全AIモデルで制御可能な画像生成と編集

bria-ai-api

Bria.aiで視覚資材生成用 - 商品写真、ヘローやイコン、背景

bria-ai-api-skill

Bria.aiで視覚資材生成用 - 商品写真、ヘローやイコン、背景

bria-ai-client

Bria.aiで視覚資材生成用 - 商品写真、ヘローやイコン、背景

bricks-cli

BRICKSワークスペースをCLIで管理

briefing-room

日次ニュースブリーフ作成 - 会話風ラジオホストスタイルのオーディオブリーフとDOCX文書

bring-rezepte

OpenClaw/ClawHub Bring!スキルを実行時にウェブ上のレシピを検索、レシピURLの材料を解析

brw-homepage-audit

ホームページやランディングページの迅速なコンバージョン审计

buddhist-counsel

仏教の智慧と根拠のある療法を用いた苦しみ軽減のためのAnicca仏教相談x402有料API呼び出し

bug-reaper

Web2バグバウンティハンティングエージェント — 根拠のある脆弱性検出とレポート作成

build-warden-agent

Wardenプロトコル用LangGraphエージェントを構築し、Warden Studioへの公開準備を行います。

bullybuddy

BullyBuddy - Claude CodeセッションマネージャCLIラッパー。

bunpro-sync

Bunpro日本語文法学習の進捗をAPIからローカルストレージに同期し、分析・洞察用。

business-model-canvas

ビジネスモデルキャンバスを構築、埋め込み、ストレステスト、反復

butler

AIエージェントを自律経済実体に変換するOpenClawスキル

buy-handshake-domain

スーパーオートネームドメイン(.badass, .forever, .fuck, .rebel, .pump, .hello, .howdy, .robo, .dnet, .f, ビアーエモji)を登録

cacheforge

CacheForgeの主要スキル:OpenAI互換トークン最適化ゲートウェイの初期設定、運用、統計

caddy-reverse-proxy

ローカルアプリ用のCaddyリバースプロキシ経路を追加、管理、トラブルシューティング

calibre-catalog-read

コンテンツサーバーを通じてcalibredbでCalibreカタログデータを読み取り、HTMLに書き込む一書籍分析ワークフローを実行

call-web-search-agent

ウェブ検索エージェントAI

call-web-search-agent-strategy

検索エージェント戦略AI

💻Webとフロントエンド開発/call-web-search-agent-strategy

camera

MacBookウェブカメラ写真撮影

camino-relationship

2点間の空間関係(距離、方向、移動時間、読みやすい形式)を計算

camofox-mcp

OpenClawエージェント用の41ツールを備えた検知回避ブラウザ自動化MCPスキル

cancorteaw-app

OpenClawサーバー用のローカル**Expo / React Native**アプリビルダーランナー

capabilityevolver1037

AIエージェントのための自己進化エンジン

capture-website

コマンドラインからウェブサイトのスクリーンショットをキャプチャ

cart-management

Reactカート状態管理:重複防止、localStorage持久化、CartContextパターン

celo-agent-skills

Celo開発マニュアル(2026年2月)

ceo-advisor

戦略的決定のための経営幹部ガイド

chemistry-query

PubChem APIクエリ用化学エージェントスキル(化合物情報/性質、構造/SMILES画像、合成)

chia-walletconnect

ChiaウォレットのWalletConnectとSageを利用した認証のためのTelegramウェブアプリ

chilledsites

AIで駆動するウェブサイト生成・展開サービス

chrome-devtools

MCPを通じてChrome DevToolsを使用した効率的なデバッグ・トラブルシューティング・ブラウザ自動化

civitai-api-art

CivitAIのJavaScript SDKを使ってAIアート生成

claude-agent-team-workflows

Claude Code Agent Teamsを使ったユニバーサルマルチエージェントワークフローオーケストレーション

💻Webとフロントエンド開発/claude-agent-team-workflows

claude-code-pro

トークン効率の高いClaude Codeワークフロー

claude-code-teams

Claude Codeのネイティブエージェントチーム機能のプロダクションスキル

claude-mem

OpenClawゲートウェイ上でclaude-memプラグインの設定手順

claw-shell

常にTMUXセッション`claw`を使用

claw-stack

ClawStackはStack Overflowスタイルのプラットフォームです。

clawdbot-zoho-email

OAuth2、RESTでZoho Mail完全統合。

clawfriend

ClawFriendソーシャルプラットフォームおよびシェアトレーディングエージェント。

clawos

オープンクレイのエージェントをフラウンテレスファクトリーに接続

clickup-manager

ClickUp APIでタスク管理

client-reporting

オープンクレイを使用した自動クライアントレポート

cloud-backup

OpenClawの状態をバックアップ・リストア

cloudflare-manager

CloudflareのDNSレコード、トンネル(cloudflared)、Zero Trustポリシー管理

cloudflare-toolkit

Cloudflareドメイン、DNSレコード、SSL設定、ゾーン設定、ファイアウォールルール、トンネル、分析管理

clrun

インタラクティブCLIセッションを実行・制御

clwnt

AIエージェントのためのTwitter

coda-ai

Coda.ioドキュメント・ページ読み取りCLI

code-qc

コードベースに対する構造化品質監査を実行

codecast

リアルタイムでコーディングセッションをDiscordチャンネルにストリーム

codehooks-backend

REST API、ウェブフック、データストレージ、スケジュールジョブ、キュー・ワークアー、オートノミックバックエンドをデプロイ

codesession

codesession-cliでエージェントセッションのコスト、ファイル変更、gitコミットを追跡

codespace-manager

code-server、Dockerで動作する隔離されたクラウド開発環境(codespaces)を管理

colorkit

ColorKitの高度な色操作、変換、アクセシビリティの専門ガイド

comfy-ai

ローカルComfyUIインスタンス(http://192.168.31.7:8000)と統合

comfyui-runner

ComfyUIインスタンスの起動/停止/ステータス

community-mod-pack

コミュニティ監督をサポート:要約、スパム検出提案、草稿返信

compaction-ui-enhancements

OpenClaw UIのコンテキストガージュで手動メモリ圧縮ボタン

💻Webとフロントエンド開発/compaction-ui-enhancements

competitor-watch

顧客前に競合が提供するものを把握

compliance-officer

FTC、HIPAA、GDPRなどに従ったマーケティングコンテンツのレビュー

computational-humor

エンブディング空間の関連理論に基づくAIエージェントのための12のユーモアパターン

computer-use

ヘッドレスLinuxサーバーおよびVPSのデスクトップコンピュータの完全使用

content-engine

研究から出版までのフルスタックコンテンツ作成パイプライン

content-quality-auditor

コンテンツ品質監査:品質確認、EEATスコア、CORE-EEAT監査、方法を質問

content-remix-studio

コンテンツリミックススタジオ:YouTube、TikTok、Twitter/X、LinkedIn向けの最適化版に変換

content-repurposer-pro

コンテンツリピューザープロ:長編コンテンツを複数形式に変換

context-management

AIエージェントのコンテキストウィンドウ消費管理、コンパクション死のスパイラル防止、サブエージェント生成ポリシー強制

context-onboarding

新しい貢献者とエージェントにワークスペースのアイデンティティファイル(SOUL.md、USER.md)の簡潔なツアー提供

context-slimmer

常にロードされるコンテキストファイル(AGENTS.md、TOOLS.md、USER.md、MEMORY.md、HEARTBEAT.md、SOUL.md)の監査と最適化

context-viz

現在のコンテキストウィンド使用を可視化 — 各コンポーネントごとのトークン推定(システムプロンプト、ツール、ワークスペースファイル)

contextui

ContextUI上でビジュアルワークフロムを構築、実行、公開 — AIエージェントのためのローカルファーストデスクトッププラットフォーム

copilotkit-react

エージェントアプリのためのCopilotKit Reactのベストプラクティス

copilotkit-runtime-patterns

CopilotKitのサーバーサイドランタイムパターン

💻Webとフロントエンド開発/copilotkit-runtime-patterns

cord-sentinel

SENTINEL/CORD統治エンジン — エージェントツールコールの事前監査

core-prompt-patcher

SOUL.mdベースのダイナミックペルソナインジェクター - ワークスペースのSOUL.mdを自動同期

core-refinery

全てを繋ぐ核となるアイデアを見つける

correction-memory

エージェントの修正を永続化し、再利用可能にする

council-brief

統一LLM評議会スキル - マルチモデルコンセンサスアプリのインストール、クエリ、管理

coupons

オンラインショッピング時、Contayaのクーポンページへ誘導

crawl-for-ai

Crawl4AIインスタンスを使用したウェブスクレイピング

crawl4ai

ウェブサイトから構造化データを抽出するAIウェブスクレイピングフレームワーク

create-agent-with-telegram-group

新しいOpenClawエージェントを作成し、指定のTelegramグループにバインドします。

💻Webとフロントエンド開発/create-agent-with-telegram-group

create-hat-collection

新しいラルフの帽子コレクションプリセットを生成します。

create-videoconference

Meetlingを通じてデフォルトのビデオ会議を設定します。