nextjs
claudeOfficial Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
Vietnamese-friendly Codex kit for building, fixing, reviewing, deploying, and operating real software projects from plain-language prompts.
Plugin taw in tawgroup/taw-kit-codex. Commands read from the repo's manifest — 1 month ago.
agent-fullstack-devInternal taw-kit-codex agent role — general software builder for web, backend, CLI, automation, data, docs, and repo tooling. Detects stack first; Next.js/Tailwind/Supabase/Polar is only the default for new unspecified web apps. Invoked only by the `taw` skill orchestrator (BUILD branch Step 5) to s
agent-mobile-devInternal taw-kit-codex agent role — React Native (Expo) developer. Invoked only by the `taw` skill orchestrator (BUILD branch Step 5) when project target is mobile or hybrid.
agent-plannerInternal taw-kit-codex agent role — target-neutral architect/planner. Invoked only by the `taw` skill orchestrator (BUILD branch Step 5) to decompose intent.json into plan.md + numbered phase files.
agent-researcherInternal taw-kit-codex agent role — documentation researcher. Invoked only by the `taw` skill orchestrator (BUILD branch Step 5) to fetch focused docs for unfamiliar APIs/libraries.
agent-reviewerInternal taw-kit-codex agent role — security + quality reviewer (P0-only quick pass). Invoked only by the `taw` skill orchestrator (BUILD branch Step 5) as the final gate before SHIP.
agent-testerInternal taw-kit-codex agent role — target-aware build + smoke-test validator. Invoked only by the `taw` skill orchestrator (BUILD branch Step 5). Detects stack, runs the right verifier, and translates errors to Vietnamese.
approval-planInternal taw-kit-codex skill — render a 3-5 bullet approval plan in Vietnamese and wait for confirmation before code changes. Used only by the taw orchestrator/branches; never triggered directly by user prose.
ast-grep-patternsast-grep (sg) cookbook for safe structural refactors in TS/TSX (rename, extract, find-replace with context). Triggers: "ast-grep", "structural replace", "rename symbol", "codemod tsx", "tim cau truc", "thay the theo pattern".
auth-magic-linkImplement Supabase magic-link email authentication when user asks for login, passwordless auth, email link sign-in, protected routes, or "dang nhap bang email". Next.js/Supabase-specific; if project uses Clerk/NextAuth, adapt or route through taw stack detection instead of forcing Supabase.
building-native-uiBuild native UIs with Expo Router (file-based routing for mobile). Mobile counterpart of `nextjs-app-router`. Triggers: "expo router", "react native ui", "build mobile screen", "tao man hinh app", "navigation mobile".
bundle-analyzer-nextjsAnalyze + reduce Next.js JS bundle (@next/bundle-analyzer + dynamic imports, lib swaps, tree-shake). Triggers: "bundle size", "bundle analyzer", "giam bundle", "first load js", "giam size", "toi uu bundle".
debug-flight-recorderAdd contextual logs along a bug''s call path, run the repro, collect logs, then auto-remove (marker-comment cleanup). Triggers: "debug with logs", "add console logs", "flight recorder", "bug khong tai hien", "khong biet loi o dau", "trace bug".
debugSystematic error analysis for build, runtime, type, test, and deploy failures. Reads stack traces, greps relevant source files, identifies root cause, and proposes or applies a targeted fix. Triggers: "debug", "fix error", "stack trace", "loi build", "khong chay", "sua loi", "root cause".
dep-upgrade-safeSafe dep upgrade refs (Next.js/React/Supabase/Tailwind/TS/shadcn) + codemods + safety protocol. Triggers: "breaking change", "codemod", "upgrade next", "upgrade react", "nang cap", "cap nhat deps", "migration guide".
docs-seekerFetch up-to-date official documentation for any framework, library, API, CLI, or SDK before coding against it. Triggers: "tra tài liệu", "xem docs mới nhất", "tìm hướng dẫn <lib>", "latest docs", "official docs", "API docs", "migration guide".
env-managerGenerate and validate environment files for apps/scripts: .env.local, .env.example, required keys, deploy env checklist, and secret-safe validation. Triggers: "env", ".env", "thieu bien moi truong", "validate env", "env example", "cau hinh key". Never logs secret values.
error-to-viTranslate build/runtime/type/deploy errors into plain Vietnamese with a short fix hint. Covers common Next.js, TypeScript, Supabase, npm, env, and deploy failures. Triggers: "dịch lỗi", "giai thich loi", "error nay la gi", "translate error", "loi build nay sua sao".
expo-deploymentDeploy Expo apps to iOS/Android/Web via EAS Build + Submit. Mobile equivalent of taw SHIP branch (which targets Vercel/Docker/VPS). Triggers: "deploy expo app", "publish to app store", "eas build", "day app len store", "deploy app mobile", "len app store".
expo-dev-clientBuild + distribute Expo dev clients (custom Expo Go) for projects needing native modules beyond stock Expo Go. Triggers: "expo dev client", "custom expo go", "tao dev client", "test native module".
expo-tailwind-setupSet up Tailwind v4 + NativeWind v5 in Expo for universal styling (iOS/Android/Web). Triggers: "expo tailwind", "nativewind setup", "style react native", "tao app mobile voi tailwind", "cai dat nativewind".
faker-vi-recipesVN-realistic seed data via @faker-js/faker + custom VN pools (names, addresses, phones, VND, product categories). Triggers: "faker vi", "seed tieng viet", "data gia vn", "ten viet nam", "dia chi viet nam", "vnd fake".
form-builderBuild contact, lead capture, order, booking, survey, or signup forms with validation and storage. Triggers: "contact form", "lead form", "booking form", "order form", "them form", "form dat hang", "form lien he". Detects project stack; Supabase + react-hook-form + zod is the default web pattern.
frontend-designDistinctive, production-grade frontend UIs that avoid generic AI aesthetics. Triggers: "build web component", "landing page", "dashboard UI", "react component", "lam giao dien", "thiet ke", "cho dep", "anti AI slop".
github-actions-ciGenerate GitHub Actions CI workflows for web, mobile, backend, CLI, data, and docs repos. Detects stack and adds lint/type/test/build, Playwright, Supabase schema, preview deploys, or language-specific checks without overwriting existing CI. Triggers: "github actions", "ci cd", "set up ci", "tao ci"
knip-cleanupDetect unused files/exports/deps/imports in Next.js/TS via knip. Report first, delete only on approval. Triggers: "knip", "dead code", "unused exports", "unused deps", "don code", "xoa file thua".
mermaidjs-v11Generate Mermaid v11 diagrams for architecture, data flow, or user journey when a picture explains faster than prose. Used by planner when rendering phase files. Vietnamese trigger phrases: "vẽ sơ đồ", "vẽ flow", "diagram kiến trúc".
nextjs-app-routerNext.js App Router conventions for web apps: file-based routing, layouts, Server Components, Client Components, API route handlers, middleware, loading, error, and metadata files. Triggers: "Next.js", "App Router", "app router", "server component", "route handler", "middleware", "next layout".
payment-integrationIntegrate payments for Vietnamese-friendly web products: Polar checkout, subscriptions, SePay/MoMo/VietQR fallback, COD notes, and webhook basics. Triggers: "payment", "checkout", "thanh toan", "Polar", "VietQR", "MoMo", "SePay", "subscription", "ban hang co thanh toan". Use stripe-checkout when use
preview-tunnelRun a local web dev server and expose it via localtunnel for shareable preview before deploy. Triggers: "preview URL", "share local", "localtunnel", "cho khach xem thu", "xem tren dien thoai", "public preview". Defaults to Next.js dev server but can adapt to other local web ports.
sentry-errorsSentry error tracking + perf for Next.js App Router (client/server/edge, source maps, PII scrub). Detection-first. Triggers: "sentry", "error tracking", "monitor loi", "theo doi loi", "crash reporting", "cai sentry".
seo-basicAdd essential SEO for web projects: metadata, Open Graph, sitemap.xml, robots.txt, canonical URLs, and structured data. Triggers: "SEO", "meta tags", "open graph", "sitemap", "robots.txt", "google search", "toi uu seo", "chia se Facebook/Zalo".
sequential-thinkingBreak a multi-step task into numbered reasoning steps before acting. Used by taw-kit planner agent to decompose ambiguous Vietnamese prompts into executable phases. Vietnamese trigger phrases: "suy nghĩ từng bước", "phân tích kĩ", "chia nhỏ ra".
shadcn-uiInstall and use shadcn/ui components for Tailwind web apps. Covers Button, Card, Form, Table, Dialog, Toast, navigation, component patterns, and theming. Triggers: "shadcn", "ui component", "button/card/dialog/table", "cai shadcn", "them component", "tailwind component". Web-only.
stripe-checkoutStripe Checkout + webhook for Next.js App Router (one-time + subscriptions, signature verification). Alternative to `payment-integration` (Polar). Triggers: "stripe", "stripe checkout", "card payment", "stripe webhook", "subscription billing", "thanh toan the", "tich hop stripe", "doi polar sang str
supabase-setupCreate or update Supabase schema, migrations, tables, storage, auth-related database setup, and Row Level Security policies. Triggers: "supabase", "database", "migration", "RLS", "policy", "tao bang", "them cot", "schema", "db setup". Non-dev safe: generates SQL and explains actions.
taw-commitStage + scan secrets + generate conventional commit message from actual diff + commit. CONTEXT mode (called by taw orchestrator, uses .taw/checkpoint.json phase) or SMART mode (ad-hoc). Triggers: "commit", "git commit", "save my work", "luu lai", "commit dum".
taw-gitAdvanced git: create branches, open PRs (auto-generated body from diff + commits), fast-forward merge, recover mistakes. Triggers: "create PR", "open pull request", "tao branch", "merge", "tao PR", "git branch", "rebase".
taw-rn-supabaseWire Supabase JS into Expo React Native (AsyncStorage session, magic-link via expo-linking, Realtime, shared TS types with web twin). Mobile counterpart of `auth-magic-link`. Triggers: "supabase react native", "supabase mobile", "auth mobile expo", "magic link mobile", "supabase deep link", "tich ho
taw-task-loopRalph-style long-running task queue for Codex. Use when the user wants an autonomous loop over a PRD/task JSON, progress file, git history, and fresh context per task; useful for many small verifiable tasks such as tests, migrations, components, cleanup, refactors, or user stories. Triggers include
taw-traceLook up git history without knowing git — find which commit added a feature, changed a file, or ran in which taw phase. Triggers: "xem lich su", "ai sua cai nay", "khi nao them", "commit nao lam hong", "show git history", "blame".
tawVietnamese-friendly entrypoint for taw-kit-codex. Trigger WHENEVER user describes a software task in VN or EN — build/add/fix/deploy/test/refactor/audit any app, website, mobile app, backend API, CLI, automation, data script, docs, or repo workflow. Sample triggers: "lam app quan ly kho", "viet tool
terse-internalInternal taw-kit-codex skill — terse output rules for agent-internal work (cuts ~60% tokens). Loaded by `agent-*` skills only. Never triggered by user prose.
testing-playwrightPlaywright/Cypress E2E tests for web user flows. Detection-first: adapts to existing webServer, Next.js/Vite/other dev commands, and current test runner. Triggers: "playwright", "e2e test", "end to end", "test luong", "browser test", "test user flow", "cypress".
testing-rls-pgtappgTAP tests for Supabase RLS policies (tenant isolation, admin access). Auto-reads supabase/migrations/ for tables. Triggers: "rls test", "pgtap", "supabase rls", "test policy", "kiem tra rls", "test bao mat database".
testing-vitestSet up + write Vitest unit/component tests for JavaScript/TypeScript apps, React components, utilities, and API helpers. Detection-first; respects existing Jest/Vitest setup. Triggers: "vitest setup", "unit test", "gen test", "viet test", "test component", "jsdom test", "@testing-library".
tiktok-shop-embedEmbed TikTok Shop product cards, affiliate links, shop widgets, and video embeds into web pages. Triggers: "TikTok Shop", "affiliate", "san pham TikTok", "nhung TikTok Shop", "link affiliate", "video san pham". Web-only.
vietnamese-copyGenerate or polish Vietnamese user-facing copy: landing page text, UI labels, CTAs, empty states, error messages, emails, product descriptions, and app microcopy. Triggers: "viet copy", "copy tieng Viet", "CTA", "noi dung landing", "sua cau chu", "Southern Vietnamese tone".
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
Talk like caveman. Cut filler. Keep technical details explicit.
22 skills · 1 command · 3 agents · hooks
Persistent memory for Claude Code: the next session starts where the last one left off.
29 skills · 1 MCP server · hooks
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Open-source AI job search that runs locally in your AI coding CLI: scan job portals, evaluate listings into a structured A-H report with a 1-5 score, tailor your CV, track applications
5 skills · hooks
Cross-session memory and token savings for coding agents.
6 skills · 1 agent · 1 MCP server · hooks
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.