AIKraft/Skills/Web Design Builder

Web Design Builder

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

rknall official Дизайн

Что делает навык

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

Как подключить

1Скачать навык
# возьмите папку навыка «web-design-builder» из репозитория: # https://github.com/rknall/claude-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r web-design-builder/ ~/.claude/skills/web-design-builder/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.