Skill not invoked — Claude writes React inline instead of using artifacts-builder

Reference the sub-skill by name: 'use artifacts-builder to...'.

SKILL.md frontmatter wrong

Each sub-skill has its own SKILL.md; inspect the one not activating.

Build a shareable self-contained HTML artifact with React + shadcn

You'd like to hand someone a single .html file that works offline. One file, double-click to open, works anywhere.

● Сообщество walidboulanouar ⚡ Сразу

Ay-Skills

Name: Ay-Skills (Claude Skill)
Author: walidboulanouar

автор walidboulanouar · walidboulanouar/Ay-Skills

AY Automate's 10-skill bundle — React/Tailwind artifacts, MCP client, Remotion video, Excalidraw, Claude SEO, NotebookLM, and more.

A broad skill collection from walidboulanouar / AY Automate: artifacts-builder (React + Tailwind + shadcn/ui bundled HTML), mcp-client (universal MCP connector with Python execution), remotion (React video), skill-creator, notebooklm (Google NotebookLM via browser automation), ui-ux-pro-max (design system guidelines), agent-browser (browser automation with login persistence), claude-seo (DataForSEO MCP integration), superpowers (agentic TDD pipeline), excalidraw-diagram.

▶ Смотреть демо 📦 Установить 💡 Сценарии

Зачем использовать

Ключевые функции

artifacts-builder — standalone HTML artifacts from React/Tailwind/shadcn
mcp-client — universal connector with Python execution and presets
remotion — Claude-native conventions for React-based video
agent-browser — headless browser with element ID and login persistence
Auto-discovers when placed in .claude/skills/ at session start

Живое демо

Как выглядит на практике

ay-skill.replay ▶ готово

0/0

Установка

Репозиторий автора · Официальная документация Claude Skills

Сценарии использования

Реальные сценарии: Ay-Skills

Automate a task behind a login with agent-browser

👤 Engineers avoiding flaky Selenium scripts ⏱ ~30 min intermediate

Когда использовать: You need Claude to interact with a web app that requires auth, and you want session persistence.

Поток

Start a persistent session

agent-browser: open mysaas.com, log in (I'll do 2FA), save session.✓ Скопировано

→ Session saved, subsequent requests reuse it
Automate the task

Now download last month's invoices from the billing page.✓ Скопировано

→ Files downloaded to CWD

Итог: A scripted flow that survives across sessions without reauth hell.

Подводные камни

Site's terms forbid automation — Check ToS first — browser automation is a tool, not a license

Сочетать с: filesystem

Комбинации

Сочетайте с другими MCP — эффект x10

ay-skill + filesystem

Save artifacts-builder output directly to a shared drop folder

Build the artifact and save to ~/Dropbox/demos/.✓ Скопировано

ay-skill + github

Ship the artifact as a GitHub Pages page in one step

Build the artifact, commit to gh-pages branch, push.✓ Скопировано

Инструменты

Что предоставляет этот MCP

Инструмент	Входные данные	Когда вызывать	Стоимость
artifacts-builder	UI description	Want a shareable single-file demo	0
mcp-client	target MCP server + task	Orchestrating multiple MCPs from one skill	0
remotion	scene description + assets	Programmatic video generation	0
agent-browser	URL + actions	Auth-gated or JS-heavy sites	0
claude-seo	URL or keyword	SEO audits with optional paid data	0 local, paid if DataForSEO enabled
superpowers	feature intent	Complex features that benefit from structured TDD	0

Стоимость и лимиты

Во что обходится

Квота API: None for the skills themselves
Токенов на вызов: Varies widely across sub-skills
Деньги: Free — skills are local files. DataForSEO (used by claude-seo optionally) is paid.
Совет: Don't enable all 10 sub-skills if you only use 3 — context overhead compounds.

Безопасность

Права, секреты, радиус поражения

Хранение учётных данных: No credentials in the skill files. agent-browser stores a session file; claude-seo may need DataForSEO keys.

Исходящий трафик: Depends on sub-skill — agent-browser and claude-seo hit external sites

agent-browser login persistence means a file on your disk can log into services — protect it.

Устранение неполадок

Частые ошибки и исправления

Wrong trigger keywords — mcp-client picks the wrong MCP

Specify the target MCP explicitly in the prompt.

Альтернативы

Ay-Skills в сравнении

Альтернатива	Когда использовать	Компромисс
excalidraw-skill (Agents365)	You only need the diagram piece	Narrower; doesn't include the 9 other AY sub-skills
skills-skill-9	You want product-building skills rather than UI/browser focus	Different category emphasis

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills