By guillempuche
AI coding skills and agents for TypeScript, React, Effect, local-first apps, unikernels, and accessibility
Use this agent to improve code readability through renaming, comments, and whitespace. Use after writing complex logic or when code would benefit from clarification. The agent is selective — it skips self-documenting code.
Use this agent to review code for accessibility (a11y) compliance. Use after writing UI components, forms, navigation, or interactive elements. Evaluates WCAG 2.1/2.2, WAI-ARIA, VoiceOver, and TalkBack compliance for React and React Native.
Quick lookup for Effect TypeScript library APIs, patterns, and source code. Use when you need to find Effect functions, understand Effect patterns, or look up implementation details.
Build local-first, offline-capable TypeScript apps with PowerSync. Use when implementing real-time sync between SQLite and backend databases (Postgres, MongoDB, MySQL, SQL Server). Covers schema definition, database setup, CRUD operations, React/Vue hooks, watch queries, and Kysely/Drizzle ORM integration.
Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
Generate BDD-style test files that document behavior with GIVEN/WHEN/THEN comments and test only public API and observable outcomes. Language and framework agnostic, with patterns and examples tuned for TypeScript + vitest + testing-library (hooks, components, utilities, constants).
Unikraft CLI (`unikraft`) commands for building and deploying to Unikraft Cloud. Use when working with Kraftfiles, deploying unikernels, or managing Unikraft Cloud instances/services/images. Covers the new `unikraft` CLI that replaces the legacy kraftkit `kraft`.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Open-source AI coding skills for Claude Code, Cursor, Copilot, and AI agents
Skills for TypeScript, React, React Native, local-first apps, offline sync, and modern web development.
# Full bundle (all skills + agents)
/plugin marketplace add guillempuche/ai-standards
# Or install individually
/plugin marketplace add guillempuche/ai-skill-powersync
/plugin marketplace add guillempuche/ai-skill-effect-lookup
/plugin marketplace add guillempuche/ai-skill-unikraft
/plugin marketplace add guillempuche/ai-skill-tamagui
/plugin marketplace add guillempuche/ai-skill-test-bdd
/plugin marketplace add guillempuche/ai-agent-readability-improver
/plugin marketplace add guillempuche/ai-agent-a11y-accessibility-reviewer
Build local-first, offline-capable apps with real-time sync
| Platforms | Web, React Native, Node.js, Capacitor, Electron |
| Frameworks | React, Vue, Angular |
| ORMs | Kysely, Drizzle, TanStack DB |
| Backends | Postgres, MongoDB, MySQL, SQL Server, Supabase |
Quick lookup for Effect TypeScript library APIs and patterns
| Coverage | Core Effect, Platform, CLI, RPC, SQL, AI packages |
| Features | Module reference, common patterns, source code lookup |
| Includes | MCP server integration for indexed docs |
Kraft CLI for building and deploying Unikraft unikernels
| Commands | Build, deploy, manage instances, volumes, services |
| Platform | Unikraft Cloud (KraftCloud) |
| Features | Rolling updates, scale-to-zero, compose support |
Universal React + React Native UI with optimizing compiler
| Platforms | Web, React Native, iOS, Android |
| Frameworks | Next.js, Expo, Vite, Metro |
| Features | Design tokens, themes, 50+ accessible components |
| Compiler | Build-time style extraction for performance |
Generate BDD-style tests that document behavior and test public API only
| Style | GIVEN / WHEN / THEN / AND comments (flexible combinations) |
| Tooling | Vitest + testing-library (TypeScript-first, framework-agnostic principles) |
| Covers | Components, hooks, utilities, constants |
| Focus | Observable behavior over implementation details |
Improve code readability through renaming, comments, and whitespace
| Focus | Selective improvements - skips self-documenting code |
| Actions | Rename variables, add whitespace, document "why" not "what" |
| Safety | Never changes functionality, updates all imports |
Review code for accessibility compliance (WCAG, VoiceOver, TalkBack)
| Platforms | React, React Native, Web |
| Standards | WCAG 2.1/2.2, WAI-ARIA, iOS/Android a11y APIs |
| Coverage | Visual, motor, auditory, cognitive, vestibular issues |
npx claudepluginhub guillempuche/ai-standards --plugin ai-standardsUniversal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
Use this agent to review code for accessibility (a11y) compliance. Use after writing UI components, forms, navigation, or interactive elements. Evaluates WCAG 2.1/2.2, WAI-ARIA, VoiceOver, and TalkBac
Build local-first, offline-capable TypeScript apps with PowerSync. Use when implementing real-time sync between SQLite and backend databases (Postgres, MongoDB, MySQL, SQL Server). Covers schema definition, database setup, CRUD operations, React/Vue hooks, watch queries, and Kysely/Drizzle ORM integration.
Generate BDD-style test files that document behavior with GIVEN/WHEN/THEN comments and test only public API and observable outcomes. Language and framework agnostic, with patterns and examples tuned f
Use this agent to improve code readability through renaming, comments, and whitespace. Use after writing complex logic or when code would benefit from clarification. The agent is selective — it skips
Comprehensive frontend development toolkit combining React, accessibility, performance, and responsive design. Includes frontend lead agent for holistic frontend decisions.
React, Next.js, and React Native best practices with web design guidelines.
A curated collection of AI coding agent skills for browser automation, frontend design, performance auditing, task tracking, and structured problem-solving workflows.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
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>
React, React Flow, React Router, shadcn/ui, Tailwind v4, Vitest, and Zustand code review. Pairs with beagle-core for full workflow.