tianyili
- 9 skills
- 0 followers
- 6 hours ago last updated
- ▌ Zustand · tianyili bundleUse when the user mentions Zustand, needs a store pattern, global state, persist state, or is migrating from Redux/Context to Zustand in React or vanilla JS.
- ▌ Obs Memory · tianyili bundleUse at session start to orient from an Obsidian knowledge vault, during work to look up architecture/component/pattern notes, and when discoveries are made that should be written back to memory. Also use when the user mentions obsidian memory, obsidian vault, obsidian notes, or any /obs command (init, analyze, recap, project, note, todo, lookup, relate).
- ▌ React Table · tianyili bundleUse when adding or modifying data tables built with @tanstack/react-table — column defs, sorting, filtering, row selection, or virtualized table bodies.
- ▌ Web3 Format Number · tianyili bundleUse when implementing, reviewing, or refactoring any Web3 project or dapp code that may touch onchain numeric values: viem, wagmi, ethers, contract reads/writes, wei, token decimals, bigint, BigNumber, parseToBigNumber, new BigNumber, formatUnits, parseUnits, form input amounts, UI displays, or financial math. Trigger broadly for Web3 amount handling, not only explicit token balance or token value requests.
- ▌ React Architect Skills · tianyili bundleUse when writing, reviewing, or refactoring React or TanStack Router code for folder structure, naming, colocation, encapsulation, or layer separation. Triggers on React folder structure, naming rules, feature-module boundaries, or architecture decisions.
- ▌ Reduce Optional Params · tianyiliUse when designing or refactoring functions with many optional params, configurable components, or when the user mentions optional params, function signatures, or API simplification.
- ▌ React Modal Dialog Pattern · tianyili bundleUse when building, refactoring, or reviewing modal-like UI: Dialog, Drawer, Sheet, Popover, Option panel, Select menu, dropdown menu, command menu, or any component with open/close state. Also use for new `*Dialog.tsx`, `*Drawer.tsx`, menu/option components, shadcn/Radix/vaul primitives, or reviews where open state, persisted state, or broad rerenders are a concern.
- ▌ React Hook Form Orchestration · tianyiliUse when building, refactoring, or reviewing complex React Hook Form flows, especially forms with cross-field dependencies, useWatch/watch, useEffect, setValue, trigger, resolver-driven validation, debounced API calls, dependent quote/price fetches, amount validation, or freeze/infinite-render-loop symptoms.
- ▌ Vercel React Only Best Practices · tianyili bundleUse when writing, reviewing, or refactoring React code for performance — React components, data fetching, bundle optimization, re-renders, rendering, or JS performance — or when the user asks for Vercel Engineering React best practices.