Site yapımı ve arayüz

Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.

579 skill ve MCP sunucusu, sayfa 7

Add and manage 19,000+ icons from 9 libraries in React, Vue, Svelte, or web projects using the…Kurmak için tıkla

Skill

🦄 Unicon CLI

ClawHub

  • OpenClaw

uView UI uni-app component library for Vue 2.Kurmak için tıkla

Skill

uView UI

ClawHub

  • OpenClaw

Complete on-page SEO system for any website — page optimization, schema markup, technical SEO c…Kurmak için tıkla

Skill

Website SEO

ClawHub

  • OpenClaw

网页回归测试 / Web Regression Testing:自然语言驱动浏览器做网页回归测试,自动规划步骤、执行交互、多类型断言并生成专业报告。支持中英文,按用户输入语言交付(英文报告模…Kurmak için tıkla

Skill

webtest

ClawHub

  • OpenClaw

Operate WordPress installs through WP-CLI for inspection, core maintenance, plugin and theme ma…Kurmak için tıkla

Skill

WordPress WP-CLI Admin

ClawHub

  • OpenClaw

把 WorkBuddy 变成会呼吸的桌面:Chiikawa 泳池循环视频背景、跟随深浅外观的磨砂玻璃界面、居中日历条 (点日期高亮当天任务)、带真实音效和功德计数的敲木鱼。通过 CD…Kurmak için tıkla

Skill

WorkbuddyOs

ClawHub

  • OpenClaw

Publish WordPress posts via REST API from any OpenClaw channel (WeChat/QQ/DingTalk/etc).Kurmak için tıkla

Skill

WP Publisher

ClawHub

  • OpenClaw

Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks…Kurmak için tıkla

Skill

Agency Frontend Developer

ClawHub

  • OpenClaw

🐾 AI-powered 3D desktop pet with emotion detection.Kurmak için tıkla

Skill

AI桌面宠物

ClawHub

  • OpenClaw

Control an Android device via command-line tools (uiautomator, screencap, input, am).Kurmak için tıkla

Skill

Android Control

ClawHub

  • OpenClaw

Turns ideas into live, full-stack web applications with editable code, built-in database, user…Kurmak için tıkla

Skill

Anima

ClawHub

  • OpenClaw

AI-driven agile development framework with 34+ workflows and 12+ domain expert agents (PM, Arch…Kurmak için tıkla

Skill

BMad Method

ClawHub

  • OpenClaw

Control Android cloud phones via ADB broadcast commands - tap, swipe, type, screenshot, read UI…Kurmak için tıkla

Skill

Duoplus Agent

ClawHub

  • OpenClaw

Agent web access acceleration layer — reads any URL as structured JSON.Kurmak için tıkla

Skill

EZCTO Smart Web Reader

ClawHub

  • OpenClaw

Generate FOSMVVM-compliant SwiftUI ViewModels with client- or server-hosted factories, localiza…Kurmak için tıkla

Skill

FOSMVVM ViewModel Generator

ClawHub

  • OpenClaw

Analyzes frontend performance issues (LCP, FCP, CLS, bundle size) and suggests prioritized, pra…Kurmak için tıkla

Skill

Frontend Performance

ClawHub

  • OpenClaw

Debug, inspect, and drive any frontend app that has the Harness-FE Vite/Webpack plugin installe…Kurmak için tıkla

Skill

HarnessFE

ClawHub

  • OpenClaw

Fix Chinese and emoji rendering issues in Python-generated images by explicitly loading and app…Kurmak için tıkla

Skill

Html Cn Render Fix

ClawHub

  • OpenClaw

Instantly publish a single self-contained HTML page to htmlcode.fun for fast live URLs.Kurmak için tıkla

Skill

html-deploy-easy

ClawHub

  • OpenClaw

把任意静态 HTML 转成可视化编辑版:注入可拖动工具栏、颜色/字号/布局/风格面板、就地文字编辑、撤销保存导出干净版、元素与面板双向跳转、中英文 i18n、6 套场景风格 Prompt 一…Kurmak için tıkla

Skill

html-editor

ClawHub

  • OpenClaw

OPC创业者全周期资本伙伴!6大AI模块:融资诊断+TS条款+Capital EQ+政策雷达+FA撮合+投后管家。入场先做BP诊断+HTML设计规范+转化升级🇨🇳 中文原生 | 🏛️…Kurmak için tıkla

Skill

huanzhi-fa-skill-pro

ClawHub

  • OpenClaw

LINE messaging integration via Chrome extension gateway.Kurmak için tıkla

Skill

Line Client

ClawHub

  • OpenClaw

专家级前端架构师与UI/UX设计系统集成指南。极简现代主义设计系统,帮助将精密设计系统无缝集成到现有代码库。适用于:前端组件开发、UI设计实现、设计令牌配置、Tailwind CSS定制、响…Kurmak için tıkla

Skill

Minimalist Design System

ClawHub

  • OpenClaw

After installing, tell your agent: Activate MoltTok.Kurmak için tıkla

Skill

MoltTok

ClawHub

  • OpenClaw

Builds dapps on Monad blockchain.Kurmak için tıkla

Skill

Monad Development

ClawHub

  • OpenClaw

Builds Next.js apps with App Router — server components, caching, Server Actions, auth, deploym…Kurmak için tıkla

Skill

NextJS

ClawHub

  • OpenClaw

Universal React dashboard audit — detect hardcoded values, tier bypasses, stale components, and…Kurmak için tıkla

Skill

Pre-flight

ClawHub

  • OpenClaw

React and Next.js performance optimization guidelines from Vercel Engineering.Kurmak için tıkla

Skill

React Best Practices

ClawHub

  • OpenClaw

Generate React design drafts (4-piece set) from content.Kurmak için tıkla

Skill

React Design Draft

ClawHub

  • OpenClaw

Use rn-logs to read React Native Metro logs via CDP without MCP overhead.Kurmak için tıkla

Skill

React Native Logs

ClawHub

  • OpenClaw

This skill should be used when the user asks to "create a website", "generate a website", "buil…Kurmak için tıkla

Skill

Readdy.ai WebSite Builder

ClawHub

  • OpenClaw

在 AI 生成的 HTML 网页上做可视化标注,把"点元素 + 写评论"的反馈通过本地 server + UserPromptSubmit hook 自动喂回模型,无需复制粘贴。当用户说"标…Kurmak için tıkla

Skill

Redline Annotate

ClawHub

  • OpenClaw

Track your AI agent's ROI incrementally — log time saved and direct cash as deliveries happen,…Kurmak için tıkla

Skill

Roi Incremental Tracking

ClawHub

  • OpenClaw

全自动项目生成和启动器 - 生成完整的Spring Boot + Vue3项目,包含前后端完整代码(RBAC+业务实体)、数据库初始化、编译启动、自动浏览器打开。支持完整CRUD(列表、查询…Kurmak için tıkla

Skill

一键生成项目

ClawHub

  • OpenClaw

Visual editor for HTML presentations.Kurmak için tıkla

Skill

Slide Editor

ClawHub

  • OpenClaw

Help kids (ages 5-8) build fun games, drawings, animations, or stories with easy choices, fast…Kurmak için tıkla

Skill

Tiny Builder

ClawHub

  • OpenClaw

High-fidelity UI page replication workflow for backend/admin systems.Kurmak için tıkla

Skill

Ui Page Replication V1

ClawHub

  • OpenClaw

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.…Kurmak için tıkla

Skill

UI/UX Design Guide

ClawHub

  • OpenClaw

CSS implementation patterns for layout, typography, color, spacing, and responsive design.Kurmak için tıkla

Skill

Web Design

ClawHub

  • OpenClaw

Create, recreate, redesign, publish, and operate websites managed from Notion, including blogs,…Kurmak için tıkla

Skill

Website Manager

ClawHub

  • OpenClaw

Web dashboard to approve OpenClaw device and channel pairings, manage connections, and access a…Kurmak için tıkla

Skill

Manages Fizzy boards, cards, steps, comments, and reactions.Kurmak için tıkla

Skill

Fizzy

ClawHub

  • OpenClaw

List and run Maxun web scraping robots.Kurmak için tıkla

Skill

Maxun

ClawHub

  • OpenClaw

Multi-column chat deck UI for OpenClaw agents.Kurmak için tıkla

Skill

OpenClaw Deck

ClawHub

  • OpenClaw

Manage recipes and grocery lists from your Plan2Meal React Native app.Kurmak için tıkla

Skill

Plan2meal

ClawHub

  • OpenClaw

全栈PRD协作工作流。与用户共同探讨,产出可供开发、设计、测试、运营、项目经理使用的完整PRD文档。Kurmak için tıkla

Skill

PRD FullStack Skill

ClawHub

  • OpenClaw

将物理问题的运动过程制作成交互式 HTML Canvas 动画。当用户提供物理题目并希望制作动画来展示物理过程时,应使用本技能。特别适合力学、电磁学等需要展示物体运动轨迹的场景。⚠️ 不适合…Kurmak için tıkla

Skill

物理动画制作工作流

ClawHub

  • OpenClaw

Install, verify, update, or roll back the bundled Streaming Mode Control UI for OpenClaw 2026.9…Kurmak için tıkla

Skill

streaming-mode

ClawHub

  • OpenClaw