Skip to content

/web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX

From plugin
47200 skills13 agents1 hooks3 MCP
shell
$ npx -y skills add naveedharri/benai-skills --skill web-artifacts-builder --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/web-artifacts-builder
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX
Ships withbenai-skills

Expert automation skills for Claude Code, organized by department.

Get the whole plugin, auto-invoked
Stats
47
Stars
0
Views
24
Forks
Active
Maintenance
JavaScript
Language
MIT
License
1h ago
Last commit
6mo ago
Created

Repo: naveedharri/benai-skills

Other skills on benai-skills.