Site yapımı
- 1Tasarım ve tasarım sistemi
- 2Bileşen ve framework
- 3Stil ve animasyon
- 4Test ve tarayıcı kontrolü
- 5SEO ve performans
- 6Yayına alma
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ı.
Site yapımı ve arayüz alanında 579 kayıt var: 303 skill ve 276 MCP sunucusu. Öne çıkanlar web-artifacts-builder, brand-landingpage, a11y-audit, figma-code-connect-components ve vercel-react-best-practices. 308 kayıt Claude Code, Codex ve OpenCode'a, 271 kayıt OpenClaw'a hazır komutla kurulur.
579 skill ve MCP sunucusu
Birlikte çalışan setler
İşi baştan sona yapan araçlar.
Öne çıkan 10 araç
| Ad | Tür | Kaynak | GitHub yıldızı | Hazır komut |
|---|---|---|---|---|
| web-artifacts-builder | Skill | anthropics/skills | 189.220 | Claude Code, Codex, OpenCode |
| brand-landingpage | Skill | wshobson/agents | 42.303 | Claude Code, Codex, OpenCode |
| a11y-audit | Skill | alirezarezvani/claude-skills | 29.471 | Claude Code, Codex, OpenCode |
| figma-code-connect-components | Skill | openai/skills | 28.594 | Claude Code, Codex, OpenCode |
| vercel-react-best-practices | Skill | vercel-labs/agent-skills | 33.710 | Claude Code, Codex, OpenCode |
| artifacts-builder | Skill | composiohq/awesome-claude-skills | 79.033 | Claude Code, Codex, OpenCode |
| Business Contact Finder | MCP sunucusu | modelcontextprotocol/registry | 7.454 | Claude Code, Codex, OpenCode |
| Ui.Vision MCP | MCP sunucusu | a9t9/rpa | – | Claude Code, Codex, OpenCode |
| Sprixen | MCP sunucusu | accelar-labs/sprixen-mcp | – | Claude Code, Codex, OpenCode |
| ReactFrame | MCP sunucusu | ahmetloca/reactframe-public | – | Claude Code, Codex, OpenCode |
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla
SkillBrand-first landing page designer — runs a brand-identity interview (colors, typography, shape…Kurmak için tıkla
SkillUse for any accessibility audit or a11y fix (WCAG 2.2 A/AA, color contrast, compliance report,…Kurmak için tıkla
SkillConnects Figma design components to code components using Code Connect mapping tools.Kurmak için tıkla
SkillReact and Next.js performance optimization guidelines from Vercel Engineering.Kurmak için tıkla
SkillSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla
SkillCheck how to contact a business website, and whether that contact path actually works.Kurmak için tıkla
MCPMCP server for browser and desktop automation: OCR, image recognition, real mouse and keyboard…Kurmak için tıkla
MCPAI game assets for agents: consistent sprites, 2D animations, tiles, maps, music and engine exp…Kurmak için tıkla
MCPSearch ReactFrame's React + Tailwind + Motion components, install free ones and price premium p…Kurmak için tıkla
MCPDrive iOS Simulators, iPhones, Android devices and macOS apps: UI snapshots, live viewer, recor…Kurmak için tıkla
MCPUnlock, render, crawl and screenshot any website — anti-bot bypass and technology detection thr…Kurmak için tıkla
MCPuse any website on a user's behalf in a cloud browser: navigate, sign in, fill forms, buy, down…Kurmak için tıkla
MCPAI/VFX, CGI, motion & animation production preflight by objekts: locks, continuity, PoCs, estim…Kurmak için tıkla
MCPRecord demos of your web app from one sentence and turn its product map into help articles and…Kurmak için tıkla
MCPHuman-to-AI code review bridge.Kurmak için tıkla
MCPBuild, version, review, and export websites, web apps, and games from a conversation.Kurmak için tıkla
MCPReal-user Core Web Vitals from the Chrome UX Report (CrUX) API for any origin or URL.Kurmak için tıkla
MCPScore any website's AI-agent readiness.Kurmak için tıkla
MCPSee and drive Android emulators on a Mac: screenshot, tap, type, UI tree, logs, root.Kurmak için tıkla
MCPLet your AI agent operate any website through a real, logged-in browser session.Kurmak için tıkla
MCPDesktop and mobile website screenshots plus page context for AI agents and automation workflows.Kurmak için tıkla
MCPThe easiest way to build, preview, and launch a live business website in 60 seconds ($0 setup).Kurmak için tıkla
MCPInstant Business Website Builder & Next.js Generator
agi-ceo/instant-business-website-builder-mcp
- Claude Code
- Codex
- OpenCode
PHP2Shell (CVE-2026-109618) scanner and automated WordPress to Zero-PHP Next.js migration.Kurmak için tıkla
MCPPaladin Front PHP Rescue & Zero-PHP Migration MCP
agi-ceo/paladin-php-rescue-mcp
- Claude Code
- Codex
- OpenCode
Audit public webpages and supplied markup for HTML, CSS, SEO, JSON-LD, and link issues.Kurmak için tıkla
MCPCompiler-backed Angular template answers, component contracts and version facts for AI agentsKurmak için tıkla
MCPChicago and Milwaukee crime data: query incidents, stats, and map-linked MCP UI resources.Kurmak için tıkla
MCPSafety-ranked open-source component discovery for agents across six package ecosystems.Kurmak için tıkla
MCPSearch and add animated Expo and React Native UI components, charts and screens to your app.Kurmak için tıkla
MCPLint rendered pages against a design system in a real browser, across six widths, with the fix.Kurmak için tıkla
MCPFetch web pages and extract exactly the content you need.Kurmak için tıkla
MCPShare HTML and Markdown files from AI agents within your company, with versions and comments.Kurmak için tıkla
MCPThis web browser has been designed to help your agent debug and develop complex web application…Kurmak için tıkla
MCPSend quick greetings, scrape website content, and generate text or images on demand.Kurmak için tıkla
MCPMakes websites AI-agent-ready via MCP.Kurmak için tıkla
MCPQuant-research MCP — tradeable signals from public-company website stack changes.Kurmak için tıkla
MCPTurn one line-art image into a prompt-directed, hand-drawn scribe animation MP4.Kurmak için tıkla
MCPSource-linked robotics projects, bills of materials and components for AI agents.Kurmak için tıkla
MCPTurn any picture into a hand-drawn whiteboard animation video, from your AI assistant.Kurmak için tıkla
MCPMake your own apps and tools: build, edit and publish web apps from a conversation.Kurmak için tıkla
MCPSoftware component catalog: search your org's services, docs, APIs, dependencies, and ownership.Kurmak için tıkla
MCPVisual-diff & change-detection tools that catch agentic UI drift for coding agents.Kurmak için tıkla
MCPGive your agent a real design system: tokens, measured WCAG contrast, and rules to follow.Kurmak için tıkla
MCPFind and fix mistakes on your live website: wording, broken links, slow pages, certificate, dom…Kurmak için tıkla
MCPPublish HTML reports to a share link, collect anchored comments, revise at the same URL.Kurmak için tıkla
MCPRender AI-written HTML animations to MP4/GIF with music, voiceover and captions.Kurmak için tıkla
MCPWrite, rehearse, record and publish website demo videos, from the desktop app or the cloud.Kurmak için tıkla
MCPEdit your church website in plain English — text, photos, pages, databases, domains & analytics.Kurmak için tıkla
MCPSık sorulanlar
En iyi site yapımı ve arayüz skill'leri ve MCP sunucuları hangileri?
ANG skills kütüphanesinde öne çıkanlar web-artifacts-builder, brand-landingpage, a11y-audit, figma-code-connect-components ve vercel-react-best-practices. Sıra; GitHub yıldızı, açıklamanın ayrıntısı, lisans ve reponun arşivlenip arşivlenmediğine göre belirlenir, aynı repodan tek kayıt öne alınır.
Site yapımı ve arayüz araçları hangi kodlama ajanlarına kurulur?
Bu alandaki 308 kayıt için Claude Code, Codex ve OpenCode komutu, 271 kayıt için OpenClaw (ClawHub) komutu hazırdır. Her kaydın sayfasında ajanını seçip komutu kopyalarsın.
Bu skill ve MCP sunucuları ücretsiz mi?
Listelemek, aramak ve kurulum komutlarını görmek ücretsizdir. Kayıtlar açık kaynak repolardan ve resmî kayıt defterlerinden gelir; bazı MCP sunucuları kendi hizmetleri için hesap, API anahtarı ya da ücret ister.
Bir skill nasıl kurulur?
Kaydın sayfasını aç, kullandığın ajanın sekmesini seç ve komutu terminalde ya da ajanın sohbetinde çalıştır. Uzak MCP sunucuları için Claude Code ve Codex komutu, OpenCode için opencode.json ayarı verilir.