Microck
- 75 skills
- 0 followers
- 3 hours ago last updated
- ▌ Nuqs · microck bundleUse when implementing URL query state in React, managing search params, syncing state with URL, building filterable/sortable lists, pagination with URL state, or using nuqs/useQueryState/useQueryStates hooks in Next.js, Remix, React Router, or plain React.
- ▌ React 19 · microck bundleReact 19 patterns and breaking changes vs React 18. Trigger: When writing React 19 components/hooks in .tsx (ref as prop, new hooks, Actions, deprecations). If using Next.js App Router/Server Actions, also use nextjs-15.
- ▌ Postgresql · microckDesign a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features
- ▌ Seedance · microck bundleseedance 2.0 prompting reference - montage method, templates, asset planning, selection rubric.
- ▌ Seedance Prompt Generator · microckanalyze a repo and generate seedance 2.0 montage packs (30s script + 5 segment mini-montage prompts) for software promos.
- ▌ Kagi CLI · microck bundleTerminal CLI for Kagi subscribers with search, quick answers, assistant, translate, summarization, batch processing, and JSON-first output for automation. Use this skill when the user mentions kagi, wants to search via kagi, needs CLI-based AI assistance, or wants terminal access to Kagi features.
- ▌ Kagi AI · microckUse Kagi's paid AI allowance for reasoning, coding, research, file analysis, structured generation, or model comparison. Use when a task should spend Assistant value instead of only searching the web or transforming one known page.
- ▌ Kagi Usage · microckSearch the web, extract or summarize a page, translate it, or check the news with the kagi CLI instead of WebSearch or WebFetch. Load this first for any Kagi task: it covers search and page content, and routes Assistant, automation, and account work to the right skill.
- ▌ Kagi Assistant · microckUse Kagi Assistant for conversational answers, thread continuity, attachments, streaming, model selection, or custom assistants. Use when the task benefits from an account-backed conversation rather than direct search or page extraction.
- ▌ Kagi Monitoring · microckAutomate repeated Kagi queries with batch search, watches, notifications, history, caching, and MCP. Use when the user needs bulk processing, scheduled discovery, change detection, or a stable integration surface.
- ▌ Kagi Account Config · microckConfigure Kagi CLI credentials, profiles, lenses, custom bangs, redirects, site preferences, and account-backed assistants. Use when the user wants to inspect or change how Kagi authenticates, searches, or applies account settings.
- ▌ Gsap · microck bundleUse when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook.
- ▌ Gsap Svg · microckUse when implementing SVG animations, stroke drawing, path morphing, motion along paths, or using DrawSVGPlugin, MorphSVGPlugin, MotionPathPlugin.
- ▌ Gsap Core · microckUse when implementing GSAP core animations, tweens, timeline sequencing, playback controls, or when using gsap.to(), gsap.from(), gsap.fromTo(), gsap.set(), gsap.timeline().
- ▌ Gsap Flip · microckUse when implementing layout animations, FLIP transitions, position/scale/rotation animations between states, reordering effects, or using Flip plugin.
- ▌ Gsap Text · microckUse when implementing text animations, text effects, character/word/line animations, text reveals, scrambling effects, or using SplitText, TextPlugin, ScrambleTextPlugin.
- ▌ Gsap React · microckUse when using GSAP with React, useGSAP hook, React component animations, ScrollTrigger in React, or managing GSAP lifecycle in React components.
- ▌ Gsap Setup · microckUse when setting up GSAP in a project, installing GSAP, registering plugins, configuring defaults, or implementing GSAP best practices and workflows.
- ▌ Gsap Easing · microckUse when implementing animation easing functions, custom easing, elastic effects, bounce animations, or controlling animation velocity curves.
- ▌ Gsap Observer · microckUse when implementing gesture detection, scroll/wheel/touch event handling, swipe detection, directional interactions, or using Observer plugin.
- ▌ Gsap Draggable · microckUse when implementing drag interactions, draggable elements, throwing with inertia, bounds enforcement, drag-based UI, or using Draggable and InertiaPlugin.
- ▌ Gsap Utilities · microckUse when using GSAP utility functions, math helpers, data transformations, or when working with clamp, mapRange, random, and other GSAP utilities.
- ▌ Gsap Performance · microckUse when optimizing GSAP animations, performance tuning, ticker configuration, stagger optimization, or improving animation frame rates.
- ▌ Gsap Scrolltrigger · microckUse when implementing scroll-based animations, scroll-driven effects, pinning elements, scrubbing animations, scroll callbacks, or when using ScrollTrigger plugin.
- ▌ Flpbalada Typescript Satisfies Operator · microckGuides proper usage of TypeScript's satisfies operator vs type annotations. Use this skill when deciding between type annotations (colon) and satisfies, validating object shapes while preserving literal types, or troubleshooting type inference issues.
- ▌ Flpbalada What Not To Do As Product Manager · microckAnti-patterns and mistakes to avoid as a product manager. Use when evaluating leadership behaviors, improving team dynamics, reflecting on management practices, or onboarding new product managers.
- ▌ Flpbalada Code Architecture Wrong Abstraction · microckGuides when to abstract vs duplicate code. Use this skill when creating shared utilities, deciding between DRY/WET approaches, or refactoring existing abstractions.
- ▌ Flpbalada Code Architecture Tailwind V4 Best Practices · microckGuides Tailwind CSS v4 patterns for buttons and components. Use this skill when creating components with variants, choosing between CVA/tailwind-variants, or configuring Tailwind v4's CSS-first approach.
- ▌ Deep Research · microckDeep research with multi-stage verification pipeline inspired by Lutum Veritas. Use for comprehensive, verified research with claim audits and cross-referencing. Triggered by "deep research", "thorough research", or "/deep-research".
- ▌ Best Practices · microckSkill for integrating Better Auth - the comprehensive TypeScript authentication framework.
- ▌ Flpbalada Kanban · microckVisualize and optimize workflow with Kanban boards. Use when managing team work, identifying bottlenecks, improving delivery flow, or implementing continuous improvement in product development.
- ▌ React Components · microck bundleConverts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
- ▌
- ▌ Flpbalada Five Whys · microckConduct root cause analysis using the Five Whys technique. Use when investigating problems, debugging issues, understanding failures, analyzing churn, or finding the underlying cause of any issue.
- ▌ Flpbalada Hicks Law · microckOptimize decision-making speed by managing choice quantity. Use when designing navigation, menus, feature sets, onboarding flows, or any interface where users must choose between options.
- ▌ Flpbalada Hooked Model · microckDesign habit-forming products using the Hook cycle. Use when building engagement loops, improving retention, designing notifications, or creating products users return to without external prompting.
- ▌ Flpbalada Curiosity Gap · microckCreate engagement through strategic information gaps that drive user action. Use when designing notifications, writing headlines, planning onboarding flows, or creating content that needs to capture and hold attention.
- ▌ Flpbalada Pest Analysis · microckGuides PEST (Political, Economic, Social, Technological) analysis for strategic planning. Use when analyzing external macro-environmental factors or evaluating business decisions.
- ▌ Flpbalada Cognitive Load · microckDesign experiences that optimize mental resources using Cognitive Load Theory. Use when designing interfaces, creating onboarding flows, planning information architecture, or improving task completion rates.
- ▌ Flpbalada Graph Thinking · microckApply graph-based thinking to visualize complex relationships and solve problems non-linearly. Use when mapping dependencies, analyzing systems, exploring interconnected concepts, or designing architectures.
- ▌ Flpbalada React Key Prop · microckGuides proper usage of the key prop in React lists. Use this skill when rendering lists, mapping arrays to components, or troubleshooting list-related state bugs.
- ▌ Flpbalada Hypothesis Tree · microckStructure complex questions into testable hypotheses. Use when validating product ideas, debugging problems, planning experiments, or breaking down ambiguous challenges into actionable research.
- ▌ Flpbalada Jobs To Be Done · microckUnderstand customer motivations through job theory. Use when defining product strategy, conducting user research, identifying competitors, writing user stories, or reframing features around customer progress.
- ▌ Flpbalada React Use State · microckGuides proper usage of React useState hook. Use this skill when adding state to components, deciding between useState vs alternatives, or troubleshooting state update issues.
- ▌ Flpbalada Status Quo Bias · microckUnderstand and design for users' preference for current state over change. Use when planning migrations, introducing new features, designing defaults, or overcoming resistance to product adoption.
- ▌ Flpbalada Cognitive Biases · microckApply cognitive bias knowledge to product design and decision-making. Use when designing user experiences, analyzing user behavior, improving conversions, or ensuring ethical design practices.
- ▌ Flpbalada Theme Epic Story · microckStructure product work hierarchically using themes, epics, and stories. Use when organizing backlogs, planning releases, communicating with stakeholders, or breaking down large initiatives into manageable work.
- ▌ Flpbalada Trust Psychology · microckBuild trust signals that reduce perceived risk and enable user action. Use when designing landing pages, checkout flows, onboarding experiences, or any conversion point where user hesitation is a barrier.
- ▌ Flpbalada Naming Cheatsheet · microckApply language-agnostic naming conventions using the A/HC/LC pattern. Use when naming variables, functions, or reviewing code for naming consistency.
- ▌ Flpbalada Project Structure · microckGuides React/Next.js/TypeScript project organization using feature-based architecture. Use when structuring new projects, reorganizing codebases, or deciding where to place new code.
- ▌ Flpbalada React Use Callback · microckGuides proper usage of the useCallback hook in React. Use this skill when optimizing function references, passing callbacks to memoized components, or preventing unnecessary re-renders.
- ▌ Flpbalada Fogg Behavior Model · microckDesign behavior change using the B=MAP framework. Use when designing onboarding flows, improving conversion, building habits, increasing feature adoption, or understanding why users don't take desired actions.
- ▌ Flpbalada Business Model Canvas · microckDesign and analyze business models using the Business Model Canvas framework. Use when evaluating startups, planning new products, pivoting existing businesses, or understanding how companies create and capture value.
- ▌ Flpbalada CSS Container Queries · microckApply CSS container queries for component-based responsive design. Use when implementing responsive components that adapt to their container size rather than viewport size.
- ▌ Flpbalada Halo Effect Psychology · microckApply the halo effect in product design and UX. Use when designing first impressions, brand perception, feature presentation, or understanding how one positive attribute influences perception of others.
- ▌ Flpbalada Progressive Disclosure · microckReduce complexity by revealing information progressively. Use when designing onboarding, complex forms, feature-rich interfaces, or any experience where showing everything at once would overwhelm users.
- ▌ Vercel Deploy Claimable · microck bundleDeploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.
- ▌ Flpbalada Game Theory Tit For Tat · microckApply Tit for Tat strategy for negotiations, relationships, and repeated interactions. Use when navigating workplace dynamics, building partnerships, handling conflicts, or designing systems with reciprocal interactions.
- ▌ Flpbalada Self Initiated Triggers · microckDesign internal triggers for sustained user engagement. Use when building habit-forming features, improving retention without notifications, or transitioning users from external prompts to self-motivated engagement.
- ▌ Flpbalada Social Proof Psychology · microckLeverage social proof principles to build trust and influence user behavior. Use when designing landing pages, adding testimonials, displaying user stats, or optimizing conversion elements with social validation.
- ▌ Flpbalada User Story Fundamentals · microckCapture requirements from user perspective with structured user stories. Use when writing backlog items, defining acceptance criteria, prioritizing features, or communicating requirements between product and development.
- ▌ Flpbalada Loss Aversion Psychology · microckLeverage loss aversion in product design and messaging. Use when designing retention features, pricing strategies, onboarding flows, or any experience where framing around potential loss can drive behavior.
- ▌ Flpbalada Making Product Decisions · microckFramework for structured product decision-making. Use when facing complex tradeoffs, aligning stakeholders, documenting decisions, or choosing between multiple valid approaches.
- ▌ Flpbalada React Use Client Boundary · microckGuides proper usage of "use client" directive in React/Next.js. Use this skill when adding client components, troubleshooting Server Component errors, or deciding where to place the client boundary.
- ▌ Flpbalada Typescript Advanced Types · microckMaster TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
- ▌ Flpbalada Typescript Best Practices · microckGuides TypeScript best practices for type safety, code organization, and maintainability. Use this skill when configuring TypeScript projects, deciding on typing strategies, writing async code, or reviewing TypeScript code quality.
- ▌ Flpbalada Nextjs Image Art Direction · microckImplement art direction for Next.js images using getImageProps(). Use when showing different images for different viewport sizes, such as homepage carousels with mobile vs desktop assets, different cropping/composition, or when mobile and desktop images differ completely.
- ▌ Flpbalada Visual Cues Cta Psychology · microckDesign effective CTAs using visual attention and gaze psychology principles. Use when designing landing pages, button hierarchies, conversion elements, or optimizing user attention flow through interfaces.
- ▌ Flpbalada Cognitive Fluency Psychology · microckApply cognitive fluency principles to improve clarity, trust, and conversion. Use when designing landing pages, writing copy, creating interfaces, or optimizing any content for better user comprehension and engagement.
- ▌ Flpbalada Typescript Interface Vs Type · microckGuides when to use interface vs type in TypeScript. Use this skill when defining object types, extending types, or choosing between interface and type aliases.
- ▌ Gitquarry Operator · microckOperate gitquarry correctly for GitHub repository search, inspection, comparison, remote tree/code lookup, recipes, authentication, host selection, and script-safe output. Use when running gitquarry commands, choosing between native and discover search, selecting rank, depth, README, explain, plan/probe flags, tree/code path filters, format, progress, host, or config options, troubleshooting auth or flag conflicts, or producing operator-ready gitquarry command lines.
- ▌ Nightshift · microck bundleAutonomous overnight code quality bot. 69 tasks across 7 categories with plan-implement-review architecture. 26 PR tasks + 43 issue tasks.
- ▌ Use Mullgate · microck bundleInstall, configure, expose, verify, and troubleshoot Mullgate as an operator on a real machine. Use when the request is to actually use Mullgate rather than develop the Mullgate codebase, including first-run setup, non-interactive setup, Tailscale or private-network exposure, inline-selector access, proxy export, relay discovery or recommendation, exact-exit verification, runtime logs and restarts, version/completion reporting, and Linux autostart.
- ▌ Namecheap Webui MCP · microckUse when a user needs to manage Namecheap domains or DNS through the normal Namecheap website without registrar API access. Covers the working flow, the flaky parts, and the fastest fallback path.
- ▌ Hermes Tweet Xquik · microck bundleUse Hermes Tweet and Xquik for X/Twitter agent workflows. Plan social listening, account and follower analysis, post research, monitors, webhook alerts, REST API calls, MCP client setup, and safe tweet actions.