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 12

全栈开发套件,集需求深访、TDD、感官级UI/UX审计、供应链安全门禁与记忆自进化于一体,确保安全高质交付。Kurmak için tıkla

Skill

SuperDev

ClawHub

  • OpenClaw

Search and read public Vigil pages with source URLs.Kurmak için tıkla

MCP

Vigil Website MCP

MCP kayıt defteri

  • Claude Code
  • Codex
  • OpenCode

从Figma设计稿生成符合项目组件库和设计规范的高质量前端代码Kurmak için tıkla

Skill

figma-optimizer

ClawHub

  • OpenClaw

前端开发专家 - React/Vue/Angular、UI 实现、性能优化Kurmak için tıkla

Skill

Frontend Agent

ClawHub

  • OpenClaw

数据描述转柱状图/折线图/饼图等8种交互式SVG图表HTMLKurmak için tıkla

Skill

简易图表生成

ClawHub

  • OpenClaw

任务列表转可交互甘特图HTML,支持进度追踪和依赖关系Kurmak için tıkla

Skill

甘特图生成

ClawHub

  • OpenClaw

保险条款转交互式知识图谱HTML,含保障责任/免责/理赔等7种视图Kurmak için tıkla

Skill

保险条款可视化图谱

ClawHub

  • OpenClaw

Somewhere — Build and maintain web appsKurmak için tıkla

MCP

Somewhere Cloud

MCP kayıt defteri

  • Claude Code
  • Codex
  • OpenCode

将本地 Markdown/HTML 一键发布为在线链接,手机直接访问Kurmak için tıkla

Skill

Web Publish

ClawHub

  • OpenClaw

按名称、统一社会信用代码等查企业地址、电话、邮箱与网站等联系方式。当用户说:这家公司的联系电话是多少?总部地址在哪?或类似企业联系方式问题时,使用本技能。Kurmak için tıkla

Skill

优先级驱动的设计指南数据库,含50+风格、97配色、57字体配对,适合个人快速查询Kurmak için tıkla

Skill

Ui Ux Promax V2 Free

ClawHub

  • OpenClaw

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

Skill

vercel-react-best-practices

vercel-labs/agent-skills

  • Claude Code
  • Codex
  • OpenCode

MCP server for CertScore.ai public website risk-signal workflows.Kurmak için tıkla

MCP

CertScore.ai

ergoveritas1-alt/certscore.ai

  • Claude Code
  • Codex
  • OpenCode

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<V…Kurmak için tıkla

Skill

vercel-react-view-transitions

vercel-labs/agent-skills

  • Claude Code
  • Codex
  • OpenCode

SpiderIQ Publish: content platform MCP (pages, posts, templates, components, domains, media)Kurmak için tıkla

MCP

publish

spideriq/spideriq

  • Claude Code
  • Codex
  • OpenCode

Quant-research MCP — tradeable signals from public-company website stack changes.Kurmak için tıkla

MCP

Boolsai Signals

boolsai-ai/mcp

  • Claude Code
  • Codex
  • OpenCode

Deploy a live web app from one sentence.Kurmak için tıkla

MCP

netcafe-build

mario03690/ai-netcafe

  • Claude Code
  • Codex
  • OpenCode

Connects Figma design components to code components using Code Connect mapping tools.Kurmak için tıkla

Skill

figma-code-connect-components

openai/skills

  • Claude Code
  • Codex
  • OpenCode

React Native and Expo best practices for building performant mobile apps.Kurmak için tıkla

Skill

vercel-react-native-skills

vercel-labs/agent-skills

  • Claude Code
  • Codex
  • OpenCode

Create a new blank Figma file.Kurmak için tıkla

Skill

figma-create-new-file

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape…Kurmak için tıkla

Skill

brand-landingpage

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Use this skill alongside figma-use when the task involves translating an application page, view…Kurmak için tıkla

Skill

figma-generate-design

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Build or update a professional-grade design system in Figma from a codebase.Kurmak için tıkla

Skill

figma-generate-library

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Translates Figma designs into production-ready application code with 1:1 visual fidelity.Kurmak için tıkla

Skill

figma-implement-design

openai/skills

  • Claude Code
  • Codex
  • OpenCode

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.Kurmak için tıkla

Skill

figma-use

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla

Skill

web-artifacts-builder

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Toolkit for styling artifacts with a theme.Kurmak için tıkla

Skill

theme-factory

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…Kurmak için tıkla

Skill

frontend-design

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Toolkit for interacting with and testing local web applications using Playwright.Kurmak için tıkla

Skill

webapp-testing

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App…Kurmak için tıkla

Skill

winui-app

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma…Kurmak için tıkla

Skill

figma

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Turn a cover and a short animation, supplied as HTML, into an Apple Live Photo, an MP4 and a GI…Kurmak için tıkla

MCP

Live Card

nguyenhieuec/agent-tools-plugins

  • Claude Code
  • Codex
  • OpenCode

Export files, access design data, manage projects, comments, and team assetsKurmak için tıkla

MCP

figma

mcparmory/registry

  • Claude Code
  • Codex
  • OpenCode

UI, game and motion sound effects from a description, as a WAV and Web Audio code, named by UCS.Kurmak için tıkla

MCP

Sound Vocabulary

nguyenhieuec/agent-tools-plugins

  • Claude Code
  • Codex
  • OpenCode

Use for any accessibility audit or a11y fix (WCAG 2.2 A/AA, color contrast, compliance report,…Kurmak için tıkla

Skill

a11y-audit

alirezarezvani/claude-skills

  • Claude Code
  • Codex
  • OpenCode

New Hugging Face Spaces: fresh AI app demos & UIs.Kurmak için tıkla

MCP

New Hugging Face Spaces

ee324/a2awire

  • Claude Code
  • Codex
  • OpenCode

Build and review React, Next.js, TypeScript or Tailwind frontends: components, scaffolding, per…Kurmak için tıkla

Skill

senior-frontend

alirezarezvani/claude-skills

  • Claude Code
  • Codex
  • OpenCode

Write and improve tests for React or Next.js apps: Jest, React Testing Library, MSW mocks, Play…Kurmak için tıkla

Skill

senior-qa

alirezarezvani/claude-skills

  • Claude Code
  • Codex
  • OpenCode

Detect technologies and tech stacks used on any websiteKurmak için tıkla

MCP

builtwith

mcparmory/registry

  • Claude Code
  • Codex
  • OpenCode

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mo…Kurmak için tıkla

Skill

responsive-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Upgrade React applications to latest versions, migrate from class components to hooks, and adop…Kurmak için tıkla

Skill

react-modernization

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Automate Html To Image tasks via Rube MCP (Composio).Kurmak için tıkla

Skill

html-to-image-automation

composiohq/awesome-claude-skills

  • Claude Code
  • Codex
  • OpenCode

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, a…Kurmak için tıkla

Skill

web-component-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced…Kurmak için tıkla

Skill

nextjs-app-router-patterns

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and res…Kurmak için tıkla

Skill

tailwind-design-system

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile de…Kurmak için tıkla

Skill

react-native-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Use when asked for a premium single-file HTML landing page with 3D CSS, GSAP scroll effects and…Kurmak için tıkla

Skill

landing

alirezarezvani/claude-skills

  • Claude Code
  • Codex
  • OpenCode