react-native-web-performance
π―Skillfrom thebushidocollective/han
Validates and optimizes performance metrics for React Native web applications, running performance benchmarks and identifying potential rendering bottlenecks during Claude Code interactions.
Installation
npx skills add https://github.com/thebushidocollective/han --skill react-native-web-performanceSkill Details
Overview
# Han
[](https://github.com/TheBushidoCollective/han/releases)
Automatic quality gates for Claude Code. Every conversation ends with validationβlinting, formatting, type-checking, and tests run automatically, catching issues before they ship.
Getting Started
Two commands. That's it.
```bash
# 1. Install the CLI
curl -fsSL https://han.guru/install.sh | bash
# 2. Auto-detect and install plugins for your project
han plugin install --auto
```
Next time you use Claude Code, validation hooks run automatically when you finish a conversation.
Alternative Installation
```bash
# Homebrew (macOS/Linux)
brew install thebushidocollective/tap/han
```
How It Works
- Install - One command installs the CLI and auto-detects plugins for your stack
- Code - Claude writes code as usual. No workflow changes needed
- Validate - Stop hooks run automatically. Linters, formatters, type checkers, and tests are all verified
- Learn - Local metrics track success rates and calibrate confidence. Nothing leaves your machine
Plugin Categories
139 plugins across four categories:
| Category | Description | Examples |
|----------|-------------|----------|
| Core | Essential infrastructure. Auto-installs han binary, provides metrics and MCP servers | Always required |
| Jutsu (Tools) | Validation plugins for your stack | TypeScript, Biome, Pytest, RSpec, ShellCheck |
| DΕ (Agents) | Specialized AI agents | Code review, debugging, architecture, security |
| Hashi (Integrations) | MCP servers for external tools | GitHub, Playwright, Blueprints |
Browse all plugins at [han.guru/plugins](https://han.guru/plugins/)
Why It Works
- Smart Caching - Only runs validation when relevant files change. Native Rust hashing keeps it fast
- Local Metrics - Tracks task success and confidence calibration. All data stays on your machine
- Zero Config - Binary auto-installs on first session.
--autoflag detects your stack automatically - Any Stack - TypeScript, Python, Rust, Go, Ruby, Elixir. If there's a linter, there's a plugin
CLI Commands
```bash
# Install plugins
han plugin install # Interactive mode
han plugin install --auto # Auto-detect your stack
han plugin install
# Manage plugins
han plugin search
han plugin uninstall
# Run hooks manually
han hook run
han hook explain # Show configured hooks
# MCP server
han mcp # Start MCP server for natural language hook execution
```
Documentation
Full documentation at [han.guru/docs](https://han.guru/docs/)
Contributing
See [CONTRIBUTING.md](CONTRIBUTING.md) for how to create new plugins.
License
MIT License - see [LICENSE](LICENSE)
---
Built by [The Bushido Collective](https://thebushido.co)
More from this repository10
Runs Dialyzer static code analysis for Elixir projects, checking for type discrepancies and potential runtime errors during Claude Code conversations.
Validates and enforces best practices for asynchronous Python programming, ensuring proper async/await usage, coroutine management, and concurrency patterns in Python code.
Validates and ensures code quality for gluestack UI component implementations, running linters and type checks specific to the gluestack component ecosystem.
Captures and reports errors from Claude Code interactions to Sentry for centralized error tracking and monitoring.
Validates and enhances Ruby metaprogramming code by running specialized linters, style checkers, and best practice analyzers specific to Ruby's dynamic metaprogramming techniques.
Validates and checks updates for Expo mobile development projects, ensuring code quality and catching potential issues in React Native/Expo applications.
Validates and lints Ansible playbook configurations to ensure best practices, syntax correctness, and infrastructure-as-code quality during Claude Code interactions.
Validates and enforces consistent React Native styling practices, automatically checking for proper style definitions, potential styling conflicts, and adherence to project-specific styling guideli...
Configures and sets up Behavior-Driven Development (BDD) testing environments for Playwright, enabling structured test scenarios and automated browser testing workflows.
Validates Ruby code against standard library best practices and conventions, ensuring clean, idiomatic Ruby implementations during Claude Code interactions.