ferryhinardi

Scaffolds a complete new tool page for SuperTool. Use this skill when asked to add a new tool — it creates the page component, layout with SEO metadata, test files, docs, and registers the tool in the tools registry.

Guide for creating reusable UI components. Use this when asked to create a new component, extract shared UI logic, or add to the component library.

Guide for implementing analytics tracking in SuperTool. Use this when adding analytics events, tracking user actions, or ensuring privacy compliance.

Guide for creating new tools in the SuperTool application. Use this when asked to add a new tool, create a tool page, or implement tool functionality.

Guide for styling components with Panda CSS in the SuperTool project. Use this when styling tool pages, creating layouts, or implementing the glassmorphic design system.

Guide for writing comprehensive tests and achieving >= 95% coverage. Use this when asked to write tests, fix test coverage, or debug failing tests.

Provides the exact scaffold pattern for new Next.js dashboard pages in carwash-saas. Use this when creating a new page under apps/dashboard/app/(dashboard)/. Covers the Server Component vs Client Component split, TanStack Query hook co-location, loading/error/data states, and Tailwind layout conventions.

Guides correct Expo SDK 52 + Expo Router + React Native implementation. Use this when building mobile screens, navigation flows, native components, styling, or data fetching in apps/mobile. Read the relevant docs first, then apply the checklist before writing code.

Guides correct React implementation and component design. Use this when implementing React components, hooks, or features — read the relevant React 18 docs first, then apply the checklist before writing code. Also use this when the same pattern appears in multiple places and needs to be extracted into a shared utility or component.

Enforces correct Supabase usage in carwash-saas. Use this when writing any Supabase query, mutation, RPC call, auth check, migration, or RLS policy. Covers client selection, RPC-only writes, JWT-based multi-tenancy, and migration conventions.

Guides writing tests in carwash-saas. Use this when asked to add, write, or fix tests. Covers which test framework to use per package, Supabase mocking, TanStack Query test setup, React Testing Library patterns, and Expo/React Native testing.

Enforces TypeScript strict mode and Zod validation patterns in carwash-saas. Use this when writing types, interfaces, Zod schemas, form validation, or any TypeScript code. Covers no-any policy, type vs interface, schema conventions, type imports, and common strict-mode pitfalls.

Diagnoses and fixes failures in the StickerFramework pipeline. Use when images fail background removal, the LINE upload gets stuck, Playwright timeouts occur, animation files are too large, the processing pipeline crashes, or sticker outputs are wrong dimensions. Don't use for creating new packs, running normal processing, or publishing to platforms.

Uploads a processed sticker pack to LINE Creator Market using Playwright browser automation. Use when the user wants to submit stickers to LINE, resume an interrupted upload, handle LINE login/session, set metadata, upload images, set price tier, or submit for review. Don't use for image processing, Telegram publishing, or packs that contain religious content.

Scaffolds a complete new sticker pack for this StickerFramework repository. Use when the user wants to create a new sticker pack from scratch, define a new character, set up a pack directory, or generate a pack_config.py for a new theme. Don't use for processing existing images, uploading to platforms, or debugging pipeline failures.

Runs the StickerFramework image processing pipeline on raw sticker images. Use when the user wants to process raw PNG images into platform-ready outputs (background removal, die-cut outline, resize, format conversion), generate animated TGS or video WEBM variants, or produce print sheets and distribution ZIPs. Don't use for generating new images via DALL-E, uploading to LINE, or publishing to Telegram.

Publishes a processed sticker pack to Telegram as a sticker set using the Telegram Bot API. Use when the user wants to create or update a Telegram sticker set, publish static WebP stickers, animated TGS stickers, or video WEBM stickers to Telegram. Don't use for LINE uploads, image processing, or packs that haven't been processed yet.

Handles deployment tasks for the personal-web portfolio site. Use this skill when asked to build, deploy, or check deployment status on Vercel.