Noppakorn Kaewsalabnil
Community@PunGrumpy · Bangkok, Thailand
Passionate about DevOps, Automation & Scalable Systems
Agent Skills by Noppakorn Kaewsalabnil
Showing 7 vetted skills indexed across 1 GitHub repositories.
PunGrumpyreact-doctor
Scans React codebases for security, performance, and architecture issues with a health score.
PunGrumpynext-cache-components-adoption
Migrates Next.js App Router projects to Cache Components and resolves blocking-prerender errors.
PunGrumpyeffect-ts
Guides Effect TypeScript development with typed errors, services, layers, and testing patterns.
PunGrumpyshadcn
Manages shadcn/ui components, presets, and registries through the official CLI.
PunGrumpydeslop
Simplifies and refines recently modified code while preserving exact functionality.
PunGrumpyreview-animations
Reviews animation and motion code against ten craft standards covering easing, duration, origin, and performance.
PunGrumpyemil-design-eng
Reviews and improves UI animations, transitions, and component interactions using CSS and Framer Motion patterns.
Frequently Asked Questions About Noppakorn Kaewsalabnil
FAQPage SchemaWhat tasks can I accomplish with PunGrumpy's skills?▼
You can triage React diagnostics (lint, accessibility, bundle size, architecture), migrate a Next.js app to Cache Components, apply Effect-TS patterns for services, layers, schemas, and typed errors, manage shadcn/ui components and presets, simplify recently modified code, and review animation code against a high craft bar.
Who are these skills designed for?▼
Front-end and full-stack engineers working in React, Next.js, and TypeScript repositories. They suit developers finishing features, fixing bugs, adopting Next.js Cache Components, following Effect conventions, building shadcn/ui interfaces, or refining motion and UI polish before committing code.
How do the skills run in practice?▼
Skills trigger on natural prompts or commands like `/doctor`, 'deslop', or 'shadcn init'. The shadcn skill executes via npx, pnpm dlx, or bunx with the shadcn@latest package; react-doctor fetches a canonical playbook for local triage; review-animations requires manual invocation.
What prerequisites or dependencies are required?▼
A React or Next.js codebase for the diagnostics and cache-migration skills, a repository using Effect for effect-ts, and a components.json file or shadcn/ui project for the shadcn skill. The shadcn skill also needs a package runner such as npx, pnpm dlx, or bunx.
Are PunGrumpy's skills free and open source?▼
The skills are published publicly on the author's GitHub profile (PunGrumpy, 230 public repositories) with versioned frontmatter such as react-doctor 1.2.0 and deslop 1.0.0. No paid tier or license fee is indicated in the manifest; check the individual repositories for license terms.