CCM
/Skills
SkillsMCPMarketplacesDigestToolsAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Skill index
  • MCP index
  • Marketplace index
  • Plugins Reference

Community

  • About
  • Tools
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by mertbuilds.com

Independent project, not affiliated with Anthropic
akillness avatar

React Grab

akillness/oh-my-skills
163 installs22 stars
Summary

Point at any element in your live React app, press Cmd+C, and get the component name, source file path, line number, and rendered HTML copied straight into your AI coding agent. Three modes: clipboard (hover and copy), MCP (agent calls a tool after you select), or custom plugin API if you want lifecycle hooks. Needs Node 22+, dev-only, installs with `npx grab@latest init`. Honestly most useful when you're staring at a bug in the browser and need to hand the exact component context to Claude or Cursor without hunting through your file tree. Stays focused on React element capture, nothing else.

Install to Claude Code

npx -y skills add akillness/oh-my-skills --skill react-grab --agent claude-code

Installs into .claude/skills of the current project.

CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
Lid closed, agents working
Lid closed, agents working
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distraction from your iPhone for freeBlock distraction from your iPhone for free
Block distraction from your iPhone for free
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Granola, the best AI meeting recorder
Granola, the best AI meeting recorder
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Open Steps
Open Steps
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
AppSignal
AppSignal
Monitor with ease. Code with confidence.
Start Free Trial →
Agent, connect blockchain
Agent, connect blockchain
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
Lid closed, agents working
Lid closed, agents working
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distraction from your iPhone for freeBlock distraction from your iPhone for free
Block distraction from your iPhone for free
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Granola, the best AI meeting recorder
Granola, the best AI meeting recorder
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Open Steps
Open Steps
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
AppSignal
AppSignal
Monitor with ease. Code with confidence.
Start Free Trial →
Agent, connect blockchain
Agent, connect blockchain
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Files
SKILL.md

Select a file.

Featured
CodeRabbit
CodeRabbit
AI writes the code. CodeRabbit catches the slop.
Try For Free →
Lid closed, agents working
Lid closed, agents working
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distraction from your iPhone for freeBlock distraction from your iPhone for free
Block distraction from your iPhone for free
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Granola, the best AI meeting recorder
Granola, the best AI meeting recorder
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt - the only tool your agent needs
belt - the only tool your agent needs
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Open Steps
Open Steps
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
AppSignal
AppSignal
Monitor with ease. Code with confidence.
Start Free Trial →
Agent, connect blockchain
Agent, connect blockchain
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Categories
Frontend Development
First SeenJun 3, 2026
View on GitHub

More from akillness/oh-my-skills

All 81 skills →
  • Skill Autoresearch160
  • Agent Browser154
  • Harness152
  • Strix151
  • Obsidian Cli148
  • Steam Store Launch Ops143
  • Code Refactoring251
  • Data Analysis230
  • Vercel React Best Practices230
  • Technical Writing218
  • Frontend Design System216
  • Backend Testing211
  • Rtk210
  • Remotion Video Production206
  • Video Production203
  • Research Paper Writing196
  • Web Accessibility192
  • Graphify191
  • Presentation Builder189
  • Web Design Guidelines189
  • Task Planning188
  • User Guide Writing188
  • Responsive Design187
  • File Organization185

Recommended

More Frontend Development →
alfredoperez avatar
angular-best-practices-spartan

alfredoperez/angular-best-practices

angular best practices spartan
163
34
oguzhan18 avatar
angular-injector

oguzhan18/angular-ecosystem-skills

ALWAYS use when working with Angular Injector, inject() function, Provider, or dependency resolution in Angular.
163
6
oguzhan18 avatar
angular-zoneless

oguzhan18/angular-ecosystem-skills

ALWAYS use when working with Angular Zoneless, zoneless change detection, provideZonelessChangeDetection, or removing zone.js in Angular applications.
163
6
bobmatnyc avatar
react-state-machines

bobmatnyc/claude-mpm-skills

Building reusable React state machine skills with XState v5 and the actor model
161
68
alfredoperez avatar
angular-best-practices-rules-reviewer

alfredoperez/angular-best-practices

angular best practices rules reviewer
160
34
flora131 avatar
typescript-react-reviewer

flora131/atomic

typescript react reviewer
160
234