flpbalada
@flpbalada
Public Skills
trust-psychology
by flpbalada
Build trust signals that reduce perceived risk and enable user action. Use
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.
curiosity-gap
by flpbalada
Create engagement through strategic information gaps that drive user action.
business-model-canvas
by flpbalada
Design and analyze business models using the Business Model Canvas framework.
cognitive-load
by flpbalada
Design experiences that optimize mental resources using Cognitive Load Theory.
hooked-model
by flpbalada
Design habit-forming products using the Hook cycle. Use when building
self-initiated-triggers
by flpbalada
Design internal triggers for sustained user engagement. Use when building
social-proof-psychology
by flpbalada
Leverage social proof principles to build trust and influence user behavior.
hypothesis-tree
by flpbalada
Structure complex questions into testable hypotheses. Use when validating
cognitive-fluency-psychology
by flpbalada
Apply cognitive fluency principles to improve clarity, trust, and conversion.
graph-thinking
by flpbalada
Apply graph-based thinking to visualize complex relationships and solve
progressive-disclosure
by flpbalada
Reduce complexity by revealing information progressively. Use when designing
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.
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.
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.
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.
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.
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.