Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By ruslands
React, Next.js, and React Native best practices with web design guidelines.
npx claudepluginhub ruslands/plugins --plugin react-skillsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.
Python skills for code style, async patterns, testing, packaging, performance, type safety, and uv-based workflows.
Browser automation CLI for AI agents. Navigate pages, fill forms, click buttons, take screenshots, and test web apps.
Supabase skills for Postgres best practices, JavaScript SDK (auth, database, storage, realtime), and CLI (migrations, edge functions, local dev).
Official Polar payment processor skills for billing, subscriptions, and local development.
Stop Claude Code from forgetting file paths, root causes, and open questions when it auto-summarizes long sessions.
Plugins add skills, commands, and automations to your AI coding tool. Install only what you need from the plugin list below.
Prerequisites: See INSTALL.md for setup requirements.
# Add marketplace (one time)
/plugin marketplace add ruslands/plugins
# Install any plugin by name
/plugin install < plugin-name > @plugins
Codex installs plugins from a local marketplace rather than a direct shell install command.
.agents/plugins/marketplace.json./plugins.Plugins and install the plugins you want.This README only covers installing this marketplace. For generic Codex marketplace examples and maintainer docs, see CLAUDE.md.
gemini extensions install --path ./plugins/<plugin-name>
cursor plugin install < plugin-name > @plugins
Create symlinks for cross-tool compatibility:
ln -sfn CLAUDE.md AGENTS.md
ln -sfn CLAUDE.md GEMINI.md
| Claude Code | Codex CLI | Gemini CLI |
|---|---|---|
/plugin install intelligent-compact@plugins | Open /plugins -> Plugins -> install intelligent-compact | gemini extensions install --path ./plugins/intelligent-compact |
When Claude Code auto-summarizes a long session, the default summary routinely drops the highest-signal facts. This plugin tells the summarizer to keep them:
Runs on every /compact (manual) and every auto compaction. Claude Code only; Codex, Cursor, and Gemini CLI don't yet expose a comparable summary hook.
Hooks:
precompact_priorities.sh - Priority-preservation instructions for the compaction summarizer| Claude Code | Codex CLI | Gemini CLI |
|---|---|---|
/plugin install claude-telemetry-hooks@plugins | n/a | gemini extensions install --path ./plugins/claude-telemetry-hooks |
Adds the two missing pieces Claude Code's telemetry needs to power a usage dashboard:
Per-device data is already in Claude Code's built-in OpenTelemetry stream. Pairs naturally with openobserve-skills for the dashboard side.
Hooks:
session_start_chat_id.py - SessionStart hook that emits a sticky per-project chat_iduser_prompt_reject_feedback.py - UserPromptSubmit hook that categorizes tool-rejection reasons