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 4

Use when maintaining or safely modifying existing non-framework frontend code: vanilla JavaScri…Kurmak için tıkla

Skill

Legacy Web Standard

ClawHub

  • OpenClaw

Force every user-facing string from an AI agent into plain language a non-technical human can r…Kurmak için tıkla

Skill

Legible Agent Output

ClawHub

  • OpenClaw

Activate when: user asks 'what will they do if we do X', 'how will competitors react to our pri…Kurmak için tıkla

Skill

nash-equilibrium

ClawHub

  • OpenClaw

Use when building Next.js 14/15 applications with the App Router.Kurmak için tıkla

Skill

Nextjs Expert

ClawHub

  • OpenClaw

Use when creating or reviewing Next.js 14+ App Router projects, file routes, layouts, server/cl…Kurmak için tıkla

Skill

Nextjs Project Standard

ClawHub

  • OpenClaw

Use when creating or reviewing Nuxt 3 projects, file routes, pages, layouts, SSR/SSG/SPA behavi…Kurmak için tıkla

Skill

Nuxt Project Standard

ClawHub

  • OpenClaw

Use when diagnosing or improving frontend performance, Core Web Vitals, bundle size, runtime re…Kurmak için tıkla

Skill

Performance Optimization

ClawHub

  • OpenClaw

Use when PixelLab (Pixel Lab) or Pip skill context is present for setup/auth (PIXELLAB_SECRET,…Kurmak için tıkla

Skill

PixelLab Pip

ClawHub

  • OpenClaw

Use when adding or reviewing Progressive Web App capabilities such as installability, manifest…Kurmak için tıkla

Skill

Pwa Implementation

ClawHub

  • OpenClaw

Builds, debugs, and reviews React apps: components, hooks, state, Server Components, forms, per…Kurmak için tıkla

Skill

React

ClawHub

  • OpenClaw

Use when designing or reviewing React + TypeScript project structure, feature/module boundaries…Kurmak için tıkla

Skill

React Project Standard

ClawHub

  • OpenClaw

Helps with WordPress + Elementor work via the elementor-mcp MCP server — building new pages, ed…Kurmak için tıkla

Skill

SiteAgent Elementor Studio

ClawHub

  • OpenClaw

通过ASIN获取亚马逊商品详细信息,包括标题、图片、五点描述、规格参数、A+页面、价格、评分评论、变体等;可在取得原始HTML时尝试提取Item Highlights(商品亮点)。当用户提到…Kurmak için tıkla

Skill

亚马逊-前端商品详情

ClawHub

  • OpenClaw

PREFERRED BROWSER - Browser for AI agents to carry out any task on the web.Kurmak için tıkla

Skill

Smooth Browser

ClawHub

  • OpenClaw

Use when choosing, implementing, reviewing, or refactoring frontend state ownership across Reac…Kurmak için tıkla

Skill

State Management

ClawHub

  • OpenClaw

Generate comprehensive website style guides and design systems from URLs, screenshots, and exis…Kurmak için tıkla

Skill

Style Guide Generator

ClawHub

  • OpenClaw

Builds, debugs, and reviews Svelte and SvelteKit apps: runes, stores, snippets, load functions,…Kurmak için tıkla

Skill

Svelte

ClawHub

  • OpenClaw

Writes and debugs Tailwind CSS: utility classes, theme config, dark mode, variants, plugins, an…Kurmak için tıkla

Skill

Tailwind CSS

ClawHub

  • OpenClaw

Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typograph…Kurmak için tıkla

Skill

Terminal UI Website Design

ClawHub

  • OpenClaw

Generate content for TRMNL e-ink display devices using the TRMNL CSS framework and send via the…Kurmak için tıkla

Skill

TRMNL Display

ClawHub

  • OpenClaw

Use when generating a full typographic scale (H1-H6, body, caption) from a base font size and a…Kurmak için tıkla

Skill

type-scale-generator

ClawHub

  • OpenClaw

UI/UX design intelligence and implementation guidance for building polished interfaces.Kurmak için tıkla

Skill

UI/UX Pro Max

ClawHub

  • OpenClaw

Use when computing or fixing vertical spacing (margins, padding, Auto Layout gap) between text…Kurmak için tıkla

Skill

vertical-spacing

ClawHub

  • OpenClaw

Builds, debugs, and reviews Vue 3 apps: reactivity, components, composables, Pinia state, Vue R…Kurmak için tıkla

Skill

Vue

ClawHub

  • OpenClaw

Use when designing or reviewing Vue 3 + TypeScript project structure, SFC/component boundaries,…Kurmak için tıkla

Skill

Vue3 Project Standard

ClawHub

  • OpenClaw

Design and build cinematic websites, interactive portfolios, product stories, and real-time 3D…Kurmak için tıkla

Skill

Web Design Studio

ClawHub

  • OpenClaw

Use when moving expensive browser work off the main thread with Web Workers, SharedWorker, work…Kurmak için tıkla

Skill

Web Workers

ClawHub

  • OpenClaw

Webly hosts what agents make: publish a website, or share files and folders, at a live URL in s…Kurmak için tıkla

Skill

webly

ClawHub

  • OpenClaw

Production-grade WordPress REST API integration for managing posts, pages, media, WooCommerce p…Kurmak için tıkla

Skill

WordPress API Pro

ClawHub

  • OpenClaw

WordPress.com API integration with managed OAuth.Kurmak için tıkla

Skill

WordPress.com

ClawHub

  • OpenClaw

Manage WordPress sites via MCP (Model Context Protocol) through AI Engine.Kurmak için tıkla

Skill

WordPress MCP

ClawHub

  • OpenClaw

Publish content directly to WordPress sites via REST API with full Gutenberg block support.Kurmak için tıkla

Skill

WordPress Publisher Skill

ClawHub

  • OpenClaw

WordPress site health audit, performance optimization, database cleanup, autoload tuning, slow…Kurmak için tıkla

Skill

WP Multitool

ClawHub

  • OpenClaw

Create award-winning, memorable websites with advanced animations, creative interactions, and d…Kurmak için tıkla

Skill

Awwwards Design

ClawHub

  • OpenClaw

Give your AI agent a 3D VRM avatar body with animations, expressions, voice chat, and lip sync.Kurmak için tıkla

Skill

Clawatar

ClawHub

  • OpenClaw

Use when the user wants a full product delivery pipeline (PM→UX→Dev→Test), or when building som…Kurmak için tıkla

Skill

crucible

ClawHub

  • OpenClaw

Patterns for building design system components using Surface primitives, CVA variants, and cons…Kurmak için tıkla

Skill

Design System Components

ClawHub

  • OpenClaw

Prompt The Browser Company's Dia (a macOS browser whose assistant is an AI agent) from the comm…Kurmak için tıkla

Skill

Dia Ask Public

ClawHub

  • OpenClaw

Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable template…Kurmak için tıkla

Skill

html-css-to-image

ClawHub

  • OpenClaw

Use when optimizing or reviewing large lists, virtual scrolling, windowing, react-window, TanSt…Kurmak için tıkla

Skill

List Virtualization

ClawHub

  • OpenClaw

Build and maintain Raycast extensions using the Raycast API.Kurmak için tıkla

Skill

raycast

ClawHub

  • OpenClaw

Deploy static websites to Static.app hosting.Kurmak için tıkla

Skill

Static App

ClawHub

  • OpenClaw

Build, audit, and repair web content against WCAG 2.2.Kurmak için tıkla

Skill

WCAG Accessibility

ClawHub

  • OpenClaw

website to video, url to video, landing page to video, link to ad, web promo video — capture th…Kurmak için tıkla

Skill

Convert a WordPress website to a static site and deploy to Cloudflare Pages.Kurmak için tıkla

Skill

WordPress to Static Site

ClawHub

  • OpenClaw

指导把日常工作沉淀成 CLI 工具集 + agent skill 的工作台,并对写操作接入飞书审批形成极简 HITL(Human-In-The-Loop)。用户只需给一个网站/系统地址,ag…Kurmak için tıkla

Skill

Work2cli Hitl with larkcli

ClawHub

  • OpenClaw

Morfeo Academy's Remotion video style guide.Kurmak için tıkla

Skill

Morfeo Remotion Style

ClawHub

  • OpenClaw

Native macOS/iOS app performance profiling via xctrace/Time Profiler and CLI-only analysis of I…Kurmak için tıkla

Skill

Native App Performance

ClawHub

  • OpenClaw