chonsong
- 57 skills
- 0 followers
- 23 hours ago last updated
- ▌ Zod 4 · chonsongZod 4 schema validation patterns. Trigger: When creating or updating Zod v4 schemas for validation/parsing (forms, request payloads, adapters), including v3 -> v4 migration patterns.
- ▌ Offers · chonsongWhen the user wants to design, construct, or improve an offer — the thing they actually sell — including value framing, bonus stacking, guarantee design, scarcity/urgency, naming, and payment structure. Also use when the user mentions 'offer,' 'offer design,' 'build an offer,' 'grand...
- ▌ Update · chonsong bundleUpdate assistant-ui and AI SDK to latest versions. Detects current versions, identifies breaking changes, and executes migrations.
- ▌ Expo UI · chonsongBuild native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app. Covers universal cross-platform components (Host, Column, Row, Button, Text, List, and more imported from @expo/ui), drop-in replacements...
- ▌ Pricing · chonsongWhen the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' 'monetization,' 'how much...
- ▌ Analytics · chonsongWhen the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking...
- ▌ Design UX · chonsongUX / usability audit — heuristic evaluation of INTERACTIVE UIs (not just visual polish). Load with design when a UI "feels off", "sucks to use", is hard to learn, needs an instruction wall, or before shipping an interactive tool/editor/app. Scores the RENDERED UI against Nielsen's 10 +...
- ▌
- ▌ Ab Testing · chonsongWhen the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this,"...
- ▌ Jest Skill · chonsongGenerates Jest unit and integration tests in JavaScript or TypeScript. Covers mocking, snapshots, async testing, and React component testing. Use when user mentions "Jest", "describe/it/expect", "jest.mock", "toMatchSnapshot". Triggers on: "Jest", "expect().toBe()", "jest.mock",...
- ▌ Logic Diff · chonsongCompare two code versions for semantic equivalence via semi-formal tracing of both versions side-by-side. Trigger when the user shares a refactor, rewrite, migration, or A/B implementation and wants to confirm behavior is unchanged — "did I break anything", "is this equivalent", "are...
- ▌ Onboarding · chonsongWhen the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," "new...
- ▌ Rclone CLI · chonsongRclone command-line cloud storage manager reference and usage guide. Use this skill whenever the user mentions rclone, or any task involving terminal-based cloud file operations such as upload, download, sync, copy, move, mount, or remote management. Triggers on S3-compatible storage,...
- ▌ Baseline UI · chonsongQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
- ▌ Brooks Debt · chonsongTech debt assessment that identifies, classifies, and prioritizes maintainability problems — helping teams build a refactoring roadmap — drawing on twelve classic engineering books. Triggers when: user asks about tech debt, refactoring priorities, what to clean up first, or asks "why...
- ▌ Brooks Test · chonsongTest quality review drawing on twelve classic engineering books — with primary focus on xUnit Test Patterns, The Art of Unit Testing, How Google Tests Software, and Working Effectively with Legacy Code — that diagnoses structural problems in an existing test suite: brittleness, mock...
- ▌ Expo Module · chonsongGuide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules...
- ▌ Faf Context · chonsongGet your project to 100% ✪ AI-readiness, fast — the AI auto-detects your stack and only asks for what it can't know (your goal and the human "why"). Least typing, maximum context. For time-conscious builders; feeds into faf-expert for depth.
- ▌ Idea Refine · chonsongRefines raw ideas into sharp, actionable concepts through structured divergent and convergent thinking. Use when an idea is still vague, when you need to stress-test assumptions before committing to a plan, or when you want to expand options before converging on one. Triggers on...
- ▌ Skill Manager · chonsong bundleLifecycle manager for GitHub-based skills. Use this to batch scan your skills directory, check for updates on GitHub, and perform guided upgrades of your skill wrappers.
- ▌ React Patterns · chonsong bundleComprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent features, Suspense, and modern TypeScript development. Proactively use for any React development, component architecture, state management, performance optimization, or when implementing React 19's latest features.
- ▌ Terraform Skill · chonsong bundleUse when working with Terraform or OpenTofu - creating modules, writing tests (native test framework, Terratest), setting up CI/CD pipelines, reviewing configurations, choosing between testing approaches, debugging state issues, implementing security scanning (trivy, checkov), or making infrastructure-as-code architecture decisions
- ▌ Debugging Wizard · chonsong bundleUse when investigating errors, analyzing stack traces, or finding root causes of unexpected behavior. Invoke for error investigation, troubleshooting, log analysis, root cause analysis.
- ▌ Github To Skills · chonsong bundleAutomated factory for converting GitHub repositories into specialized AI skills. Use this skill when the user provides a GitHub URL and wants to "package", "wrap", or "create a skill" from it. It automatically fetches repository details, latest commit hashes, and generates a standardized skill structure with enhanced metadata suitable for lifecycle management.
- ▌ Supabase Best Practices · chonsong bundleSupabase security and performance guidelines with Clerk authentication integration. Contains 40+ rules across 10 categories covering RLS policies, Clerk setup, database security, and more.
- ▌ Google Drive Automation · chonsongLightweight Google Drive integration with standalone OAuth authentication. No MCP server required. Full read/write access.
- ▌ Google Calendar Automation · chonsongLightweight Google Calendar integration with standalone OAuth authentication. No MCP server required.
- ▌ Vue · chonsong bundleUse when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
- ▌ Nuxt · chonsong bundleUse when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns.
- ▌ Drawio · chonsong bundleAI-powered Draw.io diagram generation with real-time browser preview. Create flowcharts, architecture diagrams, sequence diagrams, and cloud infrastructure diagrams (AWS/GCP/Azure) using natural language. Supports animated connectors, real-time editing, and structured A–H format extraction from text or images.
- ▌ Motion · chonsong bundleUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
- ▌ Vueuse · chonsong bundleUse when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.
- ▌ Nuxt UI · chonsong bundleUse when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
- ▌ Nuxthub · chonsong bundleUse when building NuxtHub v0.10.4 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.
- ▌ Reka UI · chonsong bundleUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
- ▌ Runtime · chonsong bundleGuide for assistant-ui runtime system and state management. Use when working with runtimes, accessing state, or managing thread/message data.
- ▌ Primitives · chonsong bundleGuide for assistant-ui UI primitives - ThreadPrimitive, ComposerPrimitive, MessagePrimitive. Use when customizing chat UI components.
- ▌ TS Library · chonsong bundleUse when authoring TypeScript libraries - covers project setup, package exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and release workflows. Patterns extracted from 20+ high-quality ecosystem libraries.
- ▌ Thread List · chonsong bundleGuide for multi-thread management in assistant-ui. Use when implementing thread lists, switching threads, or managing conversation history.
- ▌ Nuxt Content · chonsong bundleUse when working with Nuxt Content v3 - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration
- ▌ Ralph Wiggum · chonsongAutonomous AI coding with spec-driven development. Implements Geoffrey Huntley's iterative bash loop methodology where agents work through specs one at a time, outputting a completion signal only when acceptance criteria are 100% met.
- ▌ Auto Research · chonsongResearch uncertain questions with an explicit, user-approved web search or ChatGPT consultation, then present options and wait for implementation approval.
- ▌ Flowhunt Skill · chonsongAutomation discovery audit skill. Walks through a 5-question workflow intake, then audits Gmail/Calendar/Slack/task trackers to identify automation opportunities. Use when a user wants to discover what processes in their business can be automated.
- ▌
- ▌ Docker Patterns · chonsongDocker and Docker Compose patterns for local development, container orchestration, and deployment workflows.
- ▌ Andrej Karpathy · chonsongBehavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions, and define verifiable success criteria.
- ▌ Emil Design Eng · chonsongUse when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.
- ▌ Humanizer Zh Tw · chonsong bundle去除文字中的 AI 生成痕跡。適用於編輯或審閱文字,使其聽起來更自然、更像人類書寫。 基於維基百科的「AI 寫作特徵」綜合指南。偵測並修復以下模式:誇大的象徵意義、 宣傳性語言、以 -ing 結尾的膚淺分析、模糊的歸因、破折號過度使用、三段式法則、 AI 詞彙、否定式排比、過多的連接性短語。
- ▌ Nuxt Better Auth · chonsong bundleUse when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
- ▌ Article Extractor · chonsongExtract clean article content from URLs (blog posts, articles, tutorials) and save as readable text. Use when user wants to download, extract, or save an article/blog post from a URL without ads, navigation, or clutter.
- ▌ Building Native UI · chonsong bundleComplete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
- ▌ Huggingface Spaces · chonsongBuild, deploy, and maintain applications on Hugging Face Spaces — Gradio / Docker / Static SDKs, ZeroGPU and dedicated hardware, model loading, debugging, buckets, inference providers, community grants. Use whenever the user asks to create or host an app on Hugging Face, port code onto...
- ▌ Kubestellar Console · chonsongMulti-cluster Kubernetes dashboard with AI-powered operations via MCP server and 10+ built-in agent skills
- ▌ Streamlit Snowflake · chonsong bundleBuild and deploy Streamlit apps natively in Snowflake. Covers snowflake.yml scaffolding, Snowpark sessions, multi-page structure, Marketplace publishing as Native Apps, and caller's rights connections (v1.53.0+). Use when building data apps on Snowflake, deploying SiS, fixing package channel errors, authentication issues, cache key bugs, or path resolution errors.
- ▌ Telegram Bot Messaging · chonsongSend Telegram messages, files, and alerts via bot API; ask questions with inline buttons and wait for the answer. Supports multiple bots, named chat targets, and CI/cron/hook notifications.
- ▌ Cosmosdb Best Practices · chonsong bundle╔═══════════════════════════════════════════════════════════════════════════════╗ ║ ║ ║ █████╗ ███████╗██╗ ██╗██████╗ ███████╗ ║ ║ ██╔══██╗╚══███╔╝██║ ██║██╔══██╗██╔════╝ ║ ║ ███████║ ███╔╝ ██║ ██║██████╔╝█████╗ ║ ║ ██╔══██║ ███╔╝ ██║ ██║██╔══██╗██╔══╝ ║ ║ ██║ ██║███████╗╚██████╔╝██║ ██║███████╗ ║ ║ ╚═╝ ╚═╝╚══════╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝ ║ ║ ║ ║ ██████╗ ██████╗ ███████╗███╗ ███╗ ██████╗ ███████╗ ██████╗ ██████╗ ║ ║ ██╔════╝██╔═══██╗██╔════╝████╗ ████║██╔═══██╗██╔════╝ ██╔══██╗██╔══██╗ ║ ║ ██║ ██║ ██║███████╗██╔████╔██║██║ ██║███████╗ ██║ ██║██████╔╝ ║ ║ ██║ ██║ ██║╚════██║██║╚██╔╝██║██║ ██║╚════██║ ██║ ██║██╔══██╗ ║ ║ ╚██████╗╚██████╔╝███████║██║ ╚═╝ ██║╚██████╔╝███████║ ██████╔╝██████╔╝ ║ ║ ╚═════╝ ╚═════╝ ╚══════╝╚═╝ ╚═╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═════╝ ║ ║ ║ ║ ╔═══════════════════════════╗ ║ ║ ║ 🚀 AGENT KIT 🚀 ║ ║ ║ ╚═══════════════════════════╝ ║ ║ ║ ╚═══════════════════════════════════════════════════════════════════════════════╝ Azure Cosmos DB performance optimization and best practices guidelines fo
- ▌ Context Engineering Collection · chonsong bundleA comprehensive collection of Agent Skills for context engineering, multi-agent architectures, and production agent systems. Use when building, optimizing, or debugging agent systems that require effective context management.