·web design builder
</>

web design builder

✓
rknall/claude-skillsGitHub: rknall/claude-skillsИсточник: rknall/claude-skills

Создавайте и реорганизуйте веб-дизайны HTML5/JavaScript на основе спецификаций или описаний. Создает полные, доступные и адаптивные веб-дизайны с использованием современных фреймворков. Автоматически проверяет проекты с помощью Playwright MCP для тестирования доступности и функциональности. Используйте этот навык, когда пользователи просят создать веб-дизайн, макеты, целевые страницы, веб-приложения или провести рефакторинг существующих проектов HTML/CSS/JS.

rknall·web·design·builder
65Установки·2Тренд·@rknall

Установка

GitHub: rknall/claude-skills
$npx skills add https://github.com/rknall/claude-skills --skill web design builder

Как установить web design builder

Быстро установите AI-навык web design builder в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/rknall/claude-skills --skill web design builder
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: rknall/claude-skills.

SKILL.md

Показать raw

This skill creates professional HTML5/JavaScript web designs from specifications, with automatic accessibility and functionality verification using Playwright MCP.

When a user requests a web design, start by understanding their needs:

IMPORTANT: Before starting the design process, check if Playwright MCP is available:

Создавайте и реорганизуйте веб-дизайны HTML5/JavaScript на основе спецификаций или описаний. Создает полные, доступные и адаптивные веб-дизайны с использованием современных фреймворков. Автоматически проверяет проекты с помощью Playwright MCP для тестирования доступности и функциональности. Используйте этот навык, когда пользователи просят создать веб-дизайн, макеты, целевые страницы, веб-приложения или провести рефакторинг существующих проектов HTML/CSS/JS. Источник: rknall/claude-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/rknall/claude-skills --skill web design builder
Источник
rknall/claude-skills
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/rknall/claude-skills/web-design-builder

Browse more skills from rknall/claude-skills

Короткие ответы

Что такое web design builder?

Создавайте и реорганизуйте веб-дизайны HTML5/JavaScript на основе спецификаций или описаний. Создает полные, доступные и адаптивные веб-дизайны с использованием современных фреймворков. Автоматически проверяет проекты с помощью Playwright MCP для тестирования доступности и функциональности. Используйте этот навык, когда пользователи просят создать веб-дизайн, макеты, целевые страницы, веб-приложения или провести рефакторинг существующих проектов HTML/CSS/JS. Источник: rknall/claude-skills.

Как установить web design builder?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/rknall/claude-skills --skill web design builder После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/rknall/claude-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01

Похожие навыки

svg-logo-designer
1.2K Установки
newt blueprint generator
35 Установки