By kingstinct
React best practices: lean hooks, component patterns, and performance optimization
npx claudepluginhub kingstinct/.github --plugin reactThis repository contains shared GitHub Actions, workflow templates, and organization-wide configurations for the Kingstinct organization.
This repo hosts a Claude Code skills marketplace with curated plugins for Expo, React Native, SQL, and document processing.
# Add the marketplace
/plugin marketplace add kingstinct/.github/skills
# Install the plugins you need
/plugin install expo-skills@kingstinct-skills
/plugin install callstack-skills@kingstinct-skills
/plugin install anthropic-skills@kingstinct-skills
/plugin install kysely-sql@kingstinct-skills
/plugin install typescript@kingstinct-skills
/plugin install biome@kingstinct-skills
/plugin install general@kingstinct-skills
/plugin install bun@kingstinct-skills
| Plugin | Source | Description |
|---|---|---|
expo-skills | expo/skills | App design, SDK upgrades, and deployment to App Store/Play Store/web |
callstack-skills | callstackincubator/agent-skills | React Native best practices, performance optimization, and GitHub workflows |
anthropic-skills | anthropics/skills | Document processing (Excel, Word, PowerPoint, PDF) and example skills |
| Plugin | Description | Hooks |
|---|---|---|
kysely-sql | SQL with Kysely (expo-sqlite / bun:sqlite) | - |
typescript | Strict TypeScript best practices | bun run typecheck on Edit/Write |
biome | Auto-format and lint with Biome | biome check --fix on Edit/Write |
bun | Bun setup: install version from .bun-version/package.json/.env.github, run codegen | SessionStart |
general | Git commands, Linear integration, Pushover notifications | Session hooks + /commit, /push, /amend, /start-linear-task |
/plugin marketplace update kingstinct-skills
Updates are pulled automatically from the upstream sources.
The following composite actions are available for use across all repositories in the organization:
Builds a Docker image and pushes it to GitHub Container Registry.
- uses: kingstinct/.github/actions/docker-build@main
with:
github-token: ${{ secrets.GITHUB_TOKEN }}
image-name: 'ghcr.io/kingstinct/my-app' # optional
build-args: 'ARG1=value1' # optional
context: '.' # optional
dockerfile: 'Dockerfile' # optional
Deploys a Docker image to CapRover.
- uses: kingstinct/.github/actions/caprover-deploy@main
with:
caprover-url: ${{ secrets.CAPROVER_URL }}
caprover-password: ${{ secrets.CAPROVER_PASSWORD }}
caprover-app: 'my-app'
image-name: 'ghcr.io/kingstinct/my-app:${{ github.sha }}'
bun-version: '1.3.8' # optional
Checks the health of a deployed service with retries and optional Discord notifications.
- uses: kingstinct/.github/actions/healthcheck@main
with:
url: 'https://my-app.example.com/health'
max-attempts: '24' # optional, default: 24
retry-delay: '5s' # optional, default: 5s
discord-webhook: ${{ secrets.DISCORD_WEBHOOK }} # optional
Workflow templates are available in the workflow-templates/ directory. These appear in the "Actions" tab when creating new workflows in organization repositories.
To use these actions in your workflows, reference them with the full path:
uses: kingstinct/.github/actions/<action-name>@main
You can also pin to a specific commit SHA for stability:
uses: kingstinct/.github/actions/<action-name>@<commit-sha>
Advanced React skills for hooks, context, and performance optimization.
Complete developer toolkit for Claude Code
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing/reviewing/refactoring React code for optimal performance. Covers async patterns, bundle optimization, server/client components, re-render optimization.
Optimizes context usage and improves Claude integration performance. Targets React development workflows.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Share bugs, ideas, or general feedback.
Personal development best practices skills for React, Effect-TS, and other frameworks. Enforces patterns, anti-patterns, and code quality guidelines.
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 claim