Yutthana Siphuengchai
Community@yutna ยท Phetchabun, Thailand
Software Engineer ๐จโ๐ป | Biker ๐๏ธ
Agent Skills by Yutthana Siphuengchai
Showing 45 vetted skills indexed across 1 GitHub repositories.
agent-browser
Automate browser tasks including form filling, screenshots, and content scraping.
vitest
Provides Jest-compatible testing for Vite-based projects with TypeScript, ESM, and JSX support.
find-skills
Search, compare, and install agent skills via a CLI.
skill-creator
Initialize, validate, and package Claude skills with SKILL.md frontmatter.
next-best-practices
Audit Next.js projects for conventions across routing, data fetching, and optimization.
next-upgrade
Upgrade Next.js projects to latest versions using official migration guides and codemods.
vercel-react-best-practices
Apply React and Next.js performance best practices across components, data fetching, and bundling.
next-cache-components
Implement use-cache directives and partial prerendering in Next.js 16+ routes.
vercel-composition-patterns
Apply React composition patterns to replace boolean props in component libraries.
decompose-requirements
Decompose feature requirements into phased task files with Gherkin scenarios.
nextjs-client-boundary
Guide 'use client' placement in Next.js server and client components.
nextjs-storybook
Configures Storybook for Next.js projects with standardized component stories and documentation workflows.
nextjs-chakra-ui
Standardize UI components in Next.js projects using Chakra UI v3 and Ark UI patterns.
form-objects
Encapsulate multi-step form validation and data transformation in Next.js/TypeScript projects.
realtime-channels
Implement SSE and WebSocket channels with React hooks and authentication.
drizzle-patterns
Enforce centralized Drizzle ORM database patterns with SQLite/libSQL schemas, migrations, and seeds.
ui-ascii-wireframe
Convert feature specifications into ASCII wireframes for enterprise web UIs.
quality-gates
Run type checks, linting, tests, and verification handoff in canonical order.
query-scopes
Create reusable, composable query conditions for Drizzle ORM data access.
nextjs-i18n
Implement Next.js internationalization with next-intl and centralized locale messages.
state-sync
Synchronize task state changes to .claude/workflow-state.json across workflow phases.
delivery-validation
Validate delivery readiness after verification and quality gates.
trigger-dev-patterns
Automate scheduling and execution of background jobs with Trigger.dev patterns.
error-recovery
Diagnose verification gate failures and apply minimal rollback fixes.