Skill
agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling…
@humanlayerInstall SkillDevelopment
Skill
/show-me-the-components
Show how a react component tree is structured
Install
$ npx -y skills add humanlayer/humanlayer --skill show-me-the-components --agent claude-codeHow 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.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/show-me-the-components
Context preview
The summary Claude sees to decide when to auto-load this skill.
Show how a react component tree is structured
SKILL.md
show-me-the-components.SKILL.mdname: show-me-the-components description: Show how a react component tree is structured
show me how the different component trees would look and which apps/... or packages/... its from
<component> (apps/...) useState... ... <compoenent> (packages/...) ...
like just outline the tree in each case
Ships withhumanlayer
HumanLayer runs coding agents (Claude Code, Codex, OpenCode, Pi) on your machines and lets your team steer them from one place: tasks, sessions, plans, and reviews, synced between a desktop app, a web app, and a daemon on each host. This repo holds all of it.
Get the whole plugin
Stats
12,438
Stars
1,013
Forks
Active
Maintenance
TypeScript
Language
Apache-2.0
License
11h ago
Last commit
2y ago
Created
Other skills on humanlayer.
@humanlayerInstall SkillSkill
asd-ste100
Rewrites ambiguous English into ASD-STE100 style — one meaning per word, active voice, simple tense, short sentences. Use when…
@humanlayerInstall SkillSkill
better-github-skill
Use for 1) inspecting PR state, 2) reading review threads, or 3) debugging CI failures. Otherwise use the gh CLI.
@humanlayerInstall SkillSkill
bump-version
Bump the base version of one or more packages (riptide-native, cli, linear-cli, rpi-plugin) on a PR - updates every synced file,…
@humanlayerInstall SkillSkill
calldiff
Diff call stacks across git commits for agentic code review (22 languages). Run `calldiff --help` for usage details.
@humanlayerInstall SkillSkill
chrome-devtools-cli
Use this to skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools…
@humanlayerInstall Skill