S claudeskill.wiki

web-development

29 скиллов

web-development

react-best-practices

7 809

Всеобъемлющее руководство по оптимизации производительности React и Next.js с более чем 40 правилами для устранения водопадов, оптимизации бандлов и улучшения рендеринга. Используйте при оптимизации React-приложений, анализе производительности или рефакторинге компонентов.

npx claude-code-templates@latest --skill web-development/react-best-practices
Подробнее →
web-development

web-performance-optimization

1 190

Оптимизировать производительность веб-сайта и веб-приложений, включая скорость загрузки, Core Web Vitals, размер бандла, стратегии кэширования и производительность во время выполнения

npx claude-code-templates@latest --skill web-development/web-performance-optimization
Подробнее →
267

Технический SEO-аудитор и исправитель. Выполняет аудиты Lighthouse/PageSpeed на веб-сайтах или локальных серверах разработки, анализирует показатели SEO/производительности/доступности и автоматически внедряет исправления для мета-тегов, структурированных данных, Core Web Vitals и проблем с доступностью.

npx claude-code-templates@latest --skill web-development/roier-seo
Подробнее →
web-development

fastapi-endpoint

248

Планируйте и создавайте готовые к производству эндпоинты FastAPI с использованием асинхронного SQLAlchemy, моделей Pydantic v2, внедрения зависимостей для аутентификации и тестов на pytest. Используется планирование, ориентированное на интервью, для уточнения моделей данных, метода аутентификации, стратегии пагинации и кэширования перед написанием кода.

npx claude-code-templates@latest --skill web-development/fastapi-endpoint
Подробнее →
web-development

firecrawl-scraper

222

Глубокий веб-скрейпинг, создание скриншотов, парсинг PDF и обход веб-сайтов с использованием Firecrawl API

npx claude-code-templates@latest --skill web-development/firecrawl-scraper
Подробнее →
web-development

shopify-development

150

Правила: - Сохраняйте смысл и техническую терминологию. - Оставляйте без изменений markdown/кодовые фрагменты. - Возвращайте только валидный JSON объект: {"text":"..."} ТЕКСТ:

npx claude-code-templates@latest --skill web-development/shopify-development
Подробнее →
web-development

shopify-apps

111

Экспертные шаблоны для разработки приложений Shopify, включая приложения на Remix/React Router, встроенные приложения с App Bridge, обработку вебхуков, GraphQL Admin API, компоненты Polaris, биллинг и расширения приложений. Используйте при: shopify app, shopify, встроенное приложение, polaris, app bridge.

npx claude-code-templates@latest --skill web-development/shopify-apps
Подробнее →
53

Веб-поиск, извлечение контента, краулинг и исследовательские возможности с использованием Tavily API

npx claude-code-templates@latest --skill web-development/tavily-web
Подробнее →
46

Управляет компонентами и проектами shadcn/ui, предоставляя контекст, документацию и шаблоны использования для создания современных дизайн-систем.

npx claude-code-templates@latest --skill web-development/shadcn
Подробнее →
web-development

tailwind-design-system

33

Создавайте готовые к производству дизайн-системы с Tailwind CSS, включая дизайн-токены, варианты компонентов, адаптивные шаблоны и доступность.

npx claude-code-templates@latest --skill web-development/tailwind-design-system
Подробнее →
web-development

nextjs-app-router-patterns

32

Комплексные шаблоны для архитектуры Next.js 14+ App Router, серверных компонентов и современного full-stack разработки на React.

npx claude-code-templates@latest --skill web-development/nextjs-app-router-patterns
Подробнее →
web-development

progressive-web-app

28

Создавайте прогрессивные веб-приложения (PWA) с поддержкой офлайн-режима, возможностью установки и стратегиями кэширования. Активируйте, когда пользователь упоминает PWA, сервис-воркеры, манифесты веб-приложений, Workbox, «добавить на главный экран» или хочет, чтобы их веб-приложение работало офлайн, ощущалось как нативное или было устанавливаемым.

npx claude-code-templates@latest --skill web-development/progressive-web-app
Подробнее →
26

Семантический поиск, обнаружение похожего контента и структурированные исследования с использованием Exa API

npx claude-code-templates@latest --skill web-development/exa-search
Подробнее →
25

Используйте, когда пользователю нужны возможности, которых нет у Claude (генерация изображений, данные в реальном времени из X/Twitter) или когда он явно запрашивает внешние модели ("blockrun", "use grok", "use gpt", "dall-e", "deepseek")

npx claude-code-templates@latest --skill web-development/blockrun
Подробнее →
web-development

react-component-performance

24

Диагностируйте медленные компоненты React и предлагайте целенаправленные решения для повышения производительности.

npx claude-code-templates@latest --skill web-development/react-component-performance
Подробнее →
web-development

react-native-architecture

22

Готовые к производству шаблоны для разработки на React Native с использованием Expo, включая навигацию, управление состоянием, нативные модули и архитектуру с приоритетом офлайн.

npx claude-code-templates@latest --skill web-development/react-native-architecture
Подробнее →
web-development

react-state-management

21

Освойте современное управление состоянием в React с помощью Redux Toolkit, Zustand, Jotai и React Query. Используйте при настройке глобального состояния, управлении состоянием сервера или выборе между решениями для управления состоянием.

npx claude-code-templates@latest --skill web-development/react-state-management
Подробнее →
web-development

segment-cdp

20

Экспертные шаблоны для платформы управления данными клиентов Segment, включая Analytics.js, серверный трекинг, планы трекинга с Protocols, разрешение идентичности, настройку назначений и лучшие практики управления данными. Используется при: segment, analytics.js, платформа управления данными клиентов, cdp, план трекинга.

npx claude-code-templates@latest --skill web-development/segment-cdp
Подробнее →
web-development

upstash-qstash

19

Эксперт Upstash QStash для бессерверных очередей сообщений, запланированных заданий и надежной доставки задач по HTTP без управления инфраструктурой. Используйте в случаях: qstash, очередь upstash, бессерверный cron, запланированный http, бессерверная очередь сообщений.

npx claude-code-templates@latest --skill web-development/upstash-qstash
Подробнее →
14

Создавайте ориентированные на контент веб-сайты с Astro — по умолчанию без JS, архитектура островов, компоненты с поддержкой нескольких фреймворков и поддержка Markdown/MDX.

npx claude-code-templates@latest --skill web-development/astro
Подробнее →
web-development

zod-validation-expert

14

Эксперт в Zod — валидация схем с приоритетом TypeScript. Охватывает парсинг, пользовательские ошибки, уточнения, вывод типов и интеграцию с React Hook Form, Next.js и tRPC.

npx claude-code-templates@latest --skill web-development/zod-validation-expert
Подробнее →
web-development

chrome-extension-developer

11

Эксперт в создании расширений Chrome с использованием Manifest V3. Охватывает фоновые скрипты, сервис-воркеры, контент-скрипты и межконтекстное взаимодействие.

npx claude-code-templates@latest --skill web-development/chrome-extension-developer
Подробнее →
web-development

tanstack-query-expert

9

Эксперт в TanStack Query (React Query) — асинхронное управление состоянием. Охватывает получение данных, настройку времени устаревания, мутации, оптимистичные обновления и интеграцию с Next.js App Router (SSR).

npx claude-code-templates@latest --skill web-development/tanstack-query-expert
Подробнее →
web-development

electron-development

8

Освойте разработку настольных приложений на Electron с использованием безопасного IPC, contextIsolation, preload-скриптов, многопроцессной архитектуры, упаковки с electron-builder, подписания кода и автоматического обновления.

npx claude-code-templates@latest --skill web-development/electron-development
Подробнее →
web-development

expo-deployment

8

Развертывание приложений Expo в продакшн

npx claude-code-templates@latest --skill web-development/expo-deployment
Подробнее →
8

Создавайте полнофункциональные веб-приложения с SvelteKit — маршрутизация на основе файлов, SSR, SSG, API-маршруты и действия форм в одном фреймворке.

npx claude-code-templates@latest --skill web-development/sveltekit
Подробнее →
web-development

zustand-store-ts

8

Создавайте Zustand хранилища, следуя установленным шаблонам с правильными типами TypeScript и middleware.

npx claude-code-templates@latest --skill web-development/zustand-store-ts
Подробнее →
6

Создавайте сверхбыстрые веб-API и полнофункциональные приложения с Hono — работает на Cloudflare Workers, Deno, Bun, Node.js и любой среде выполнения, совместимой с WinterCG.

npx claude-code-templates@latest --skill web-development/hono
Подробнее →
web-development

drizzle-orm-expert

4

Эксперт в Drizzle ORM для TypeScript — проектирование схем, реляционные запросы, миграции и интеграция с безсерверными базами данных. Используется при создании типобезопасных слоев базы данных с Drizzle.

npx claude-code-templates@latest --skill web-development/drizzle-orm-expert
Подробнее →