Site yapımı seti

Site yapımı işini baştan sona yapan 6 adım. Her adımda o işi en iyi yapan araçlar.

Tasarım ve tasarım sistemi

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

Skill

UI/UX Pro Max

ClawHub

  • OpenClaw

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, co…Kurmak için tıkla

Skill

Frontend Design Extractor

ClawHub

  • OpenClaw

UX research: personas, journey maps, usability test plans, synthesis.Kurmak için tıkla

Skill

ux-researcher-designer

alirezarezvani/claude-skills

  • Claude Code
  • Codex
  • OpenCode

Bileşen ve framework

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

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

Skill

Vue

ClawHub

  • OpenClaw

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

Stil ve animasyon

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

Skill

Tailwind CSS

ClawHub

  • OpenClaw

Use when implementing or reviewing SVG animation, path drawing, icon motion, logo animation, il…Kurmak için tıkla

Skill

Svg Animation

ClawHub

  • OpenClaw

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

Test ve tarayıcı kontrolü

Browser automation using Playwright API directly.Kurmak için tıkla

Skill

Browser automation via Playwright MCP server.Kurmak için tıkla

Skill

Playwright MCP

ClawHub

  • OpenClaw

Scrapes websites using Playwright with stealth mode to bypass bot detection, supporting dynamic…Kurmak için tıkla

Skill

Playwright Scraper

ClawHub

  • OpenClaw

SEO ve performans

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

Skill

Performance Optimization

ClawHub

  • OpenClaw

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

Skill

Yayına alma

Deploy applications and websites to Vercel.Kurmak için tıkla

Skill

deploy-to-vercel

vercel-labs/agent-skills

  • Claude Code
  • Codex
  • OpenCode

Deploy applications and websites to Vercel.Kurmak için tıkla

Skill

vercel-deploy

openai/skills

  • Claude Code
  • Codex
  • OpenCode

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, Svel…Kurmak için tıkla

Skill

vercel-optimize

vercel-labs/agent-skills

  • Claude Code
  • Codex
  • OpenCode