flpbalada
@flpbalada
Public Skills
react-useeffect-avoid
by flpbalada
Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting performance, or considering useEffect for derived state or form resets.
nextjs-image-art-direction
by flpbalada
Implement art direction for Next.js images using getImageProps(). Use when
pest-analysis
by flpbalada
Guides PEST (Political, Economic, Social, Technological) analysis for strategic planning.
typescript-best-practices
by flpbalada
Guides 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.
react-use-client-boundary
by flpbalada
Guides proper usage of "use client" directive in React/Next.js. Use this skill
typescript-satisfies-operator
by flpbalada
Guides 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.
react-use-callback
by flpbalada
Guides 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.
react-use-state
by flpbalada
Guides proper usage of React useState hook. Use this skill when adding state to components, deciding between useState vs alternatives, or troubleshooting state update issues.
naming-cheatsheet
by flpbalada
Apply language-agnostic naming conventions using the A/HC/LC pattern. Use when naming variables, functions, or reviewing code for naming consistency.
curiosity-gap
by flpbalada
Create engagement through strategic information gaps that drive user action.
cognitive-biases
by flpbalada
Apply cognitive bias knowledge to product design and decision-making. Use when
game-theory-tit-for-tat
by flpbalada
Apply Tit for Tat strategy for negotiations, relationships, and repeated
five-whys
by flpbalada
Conduct root cause analysis using the Five Whys technique. Use when
hicks-law
by flpbalada
Optimize decision-making speed by managing choice quantity. Use when designing
cognitive-fluency-psychology
by flpbalada
Apply cognitive fluency principles to improve clarity, trust, and conversion.
business-model-canvas
by flpbalada
Design and analyze business models using the Business Model Canvas framework.
hooked-model
by flpbalada
Design habit-forming products using the Hook cycle. Use when building
cognitive-load
by flpbalada
Design experiences that optimize mental resources using Cognitive Load Theory.
making-product-decisions
by flpbalada
Framework for structured product decision-making. Use when facing complex
fogg-behavior-model
by flpbalada
Design behavior change using the B=MAP framework. Use when designing
graph-thinking
by flpbalada
Apply graph-based thinking to visualize complex relationships and solve
hypothesis-tree
by flpbalada
Structure complex questions into testable hypotheses. Use when validating
kanban
by flpbalada
Visualize and optimize workflow with Kanban boards. Use when managing team
project-structure
by flpbalada
Guides React/Next.js/TypeScript project organization using feature-based architecture. Use when structuring new projects, reorganizing codebases, or deciding where to place new code.
halo-effect-psychology
by flpbalada
Apply the halo effect in product design and UX. Use when designing first
jobs-to-be-done
by flpbalada
Understand customer motivations through job theory. Use when defining product
loss-aversion-psychology
by flpbalada
Leverage loss aversion in product design and messaging. Use when designing
trust-psychology
by flpbalada
Build trust signals that reduce perceived risk and enable user action. Use
visual-cues-cta-psychology
by flpbalada
Design effective CTAs using visual attention and gaze psychology principles.
self-initiated-triggers
by flpbalada
Design internal triggers for sustained user engagement. Use when building
progressive-disclosure
by flpbalada
Reduce complexity by revealing information progressively. Use when designing
status-quo-bias
by flpbalada
Understand and design for users' preference for current state over change. Use
what-not-to-do-as-product-manager
by flpbalada
Anti-patterns and mistakes to avoid as a product manager. Use when evaluating
user-story-fundamentals
by flpbalada
Capture requirements from user perspective with structured user stories. Use
social-proof-psychology
by flpbalada
Leverage social proof principles to build trust and influence user behavior.
theme-epic-story
by flpbalada
Structure product work hierarchically using themes, epics, and stories. Use
typescript-advanced-types
by flpbalada
Master 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.
code-architecture-tailwind-v4-best-practices
by flpbalada
Guides 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.
css-container-queries
by flpbalada
Apply CSS container queries for component-based responsive design. Use when implementing responsive components that adapt to their container size rather than viewport size.
code-architecture-wrong-abstraction
by flpbalada
Guides when to abstract vs duplicate code. Use this skill when creating shared utilities, deciding between DRY/WET approaches, or refactoring existing abstractions.
typescript-interface-vs-type
by flpbalada
Guides when to use interface vs type in TypeScript. Use this skill when defining object types, extending types, or choosing between interface and type aliases.
react-key-prop
by flpbalada
Guides 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.