Agent Skills by Khai Pham
Showing 25 vetted skills indexed across 1 GitHub repositories.
PMKhairender-props-pattern
Share rendering logic across components using render props that return JSX.
PMKhairesearch
Synthesize technical information from docs and libraries into research reports.
PMKhaireact-composition-2026
Teach React component API design using composition over boolean props.
PMKhaicompound-pattern
Coordinate React subcomponents through shared parent state via Context API.
PMKhaistatic-rendering
Generate pre-rendered HTML at build time for CDN deployment.
PMKhaimfe-pattern
Expose and orchestrate micro frontends via window surface and hash-based routing.
PMKhaihooks-pattern
Extract stateful logic into reusable custom hooks for React components.
PMKhaistreaming-ssr
Stream React server-side rendering with renderToPipeableStream and Suspense.
PMKhaicode-review
Review code against SPEC.md and output approval.md or issues.md.
PMKhaiclient-side-rendering
Render React-based SPAs in the browser with a minimal HTML shell.
PMKhaiprogressive-hydration
Defer hydration of non-critical React components using Suspense boundaries and dynamic imports.
PMKhaiserver-side-rendering
Render React components on the server to generate full HTML for initial load.
PMKhaireact-2026
Guide React stack selection for modern web apps.
PMKhaiai-ui-patterns
Provide reusable React design patterns for streaming AI UIs with Vercel AI SDK.
PMKhailearner
Extract learnings from task artifacts and merge them into project context files.
PMKhaireact-selective-hydration
Enable selective hydration for SSR React apps using Suspense and hydrateRoot.
PMKhaiarchitect
Analyze requirements and design system architecture with component mapping and API endpoints.
PMKhaireact-server-components
Move data fetching and rendering to the server with React Server Components.
PMKhaiincremental-static-rendering
Automate Next.js ISR updates with revalidate, fallback, and on-demand revalidation.
PMKhaireact-render-optimization
Identify and apply React render-optimization patterns to minimize unnecessary re-renders.
PMKhaicode-write
Translate SPEC.md into code and integrate it into the target repository.
PMKhaihoc-pattern
Creates higher-order components to reuse logic across multiple components.
PMKhaireact-data-fetching
Fetch, cache, and synchronize server data in React applications with TanStack Query.
PMKhaiorchestrator
Coordinate multi-agent workflows through staged architect, researcher, coder, reviewer, and debugger tasks.