Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
Sponsored
jobs-to-be-done
flpbalada/my-opencode-config
136
This skill helps you apply Jobs-to-be-Done insights to shape product strategy, conduct research interviews, write user stories, and identify true competition.
halo-effect-psychology
flpbalada/my-opencode-config
136
This skill helps you leverage the halo effect to optimize first impressions, brand perception, and feature presentation across onboarding and marketing.
self-initiated-triggers
flpbalada/my-opencode-config
136
This skill helps design internal triggers for sustained engagement by shifting users from external prompts to self-motivated habits.
typescript-best-practices
flpbalada/my-opencode-config
136
This skill helps you configure TypeScript projects and enforce best practices for type safety, maintainability, and code quality.
pest-analysis
flpbalada/my-opencode-config
136
This skill guides a PEST analysis to identify political, economic, social, and technological factors and translate them into actionable strategies.
react-useeffect-avoid
flpbalada/my-opencode-config
136
This skill helps you review React code and avoid useEffect misuse by suggesting better patterns for derived state, event handling, and performance.
typescript-satisfies-operator
flpbalada/my-opencode-config
136
This skill guides using the TypeScript satisfies operator to validate shapes while preserving literal types and narrowing inferences.
visual-cues-cta-psychology
flpbalada/my-opencode-config
136
This skill helps you design landing pages and CTAs using gaze cues and visual hierarchy to boost conversions and user engagement.
code-architecture-tailwind-v4-best-practices
flpbalada/my-opencode-config
136
This skill guides Tailwind v4 best practices, emphasizing utilities-first markup, CSS-first design tokens, and when to use CVA or tailwind-variants.
fogg-behavior-model
flpbalada/my-opencode-config
136
This skill helps you apply the Fogg Behavior Model to diagnose why users fail to act and design targeted prompts.
business-model-canvas
flpbalada/my-opencode-config
136
This skill helps you design and analyze business models using the Business Model Canvas to evaluate ideas and communicate strategy.
code-architecture-wrong-abstraction
flpbalada/my-opencode-config
136
This skill guides when to duplicate versus abstract, helping you avoid wrong abstractions and wait for patterns to emerge.
graph-thinking
flpbalada/my-opencode-config
136
This skill helps you visualize complex dependencies and architectures using graph-thinking to map relationships and non-linear problem solving for clearer
css-container-queries
flpbalada/my-opencode-config
136
This skill helps you implement responsive components using CSS container queries and Tailwind, enabling components to adapt to their container size.
game-theory-tit-for-tat
flpbalada/my-opencode-config
136
This skill guides you to apply Tit for Tat in repeated interactions to maximize cooperative outcomes and manage conflicts.
five-whys
flpbalada/my-opencode-config
136
This skill guides you through root cause analysis using the Five Whys technique to uncover underlying issues and drive effective fixes.
loss-aversion-psychology
flpbalada/my-opencode-config
136
This skill helps you apply loss aversion principles to retention, pricing, and onboarding to nudge users toward desired actions.
react-key-prop
flpbalada/my-opencode-config
136
This skill helps you apply correct key prop usage in React lists by promoting stable, unique IDs and highlighting when to avoid index keys.
react-use-callback
flpbalada/my-opencode-config
136
This skill helps you optimize React performance by applying useCallback best practices to memoized components and effect dependencies.
social-proof-psychology
flpbalada/my-opencode-config
136
This skill helps you design landing pages and conversions by applying social proof tactics to build trust and boost actions.
typescript-advanced-types
flpbalada/my-opencode-config
136
This skill helps you master TypeScript advanced types to build robust type-safe APIs, libraries, and components with confidence.
curiosity-gap
flpbalada/my-opencode-config
136
This skill helps you design headlines, notifications, and onboarding flows that spark curiosity and boost engagement by revealing just enough.
cognitive-biases
flpbalada/my-opencode-config
136
This skill helps you apply cognitive bias insights to product design and decision-making to ethically optimize onboarding, pricing, and conversions.
cognitive-fluency-psychology
flpbalada/my-opencode-config
136
This skill helps you apply cognitive fluency principles to design clearer landing pages, copy, and interfaces, boosting trust and conversions for your audience.
cognitive-load
flpbalada/my-opencode-config
136
This skill helps you optimize interfaces by applying Cognitive Load Theory to reduce extraneous load and enhance germane learning.
kanban
flpbalada/my-opencode-config
136
This skill visualizes workflow with Kanban boards, limits WIP, and optimizes flow to improve delivery and continuous improvement.
hooked-model
flpbalada/my-opencode-config
136
This skill helps you design habit-forming products using the Hooked Model to boost engagement, retention, and re-engagement strategies.
hicks-law
flpbalada/my-opencode-config
136
This skill helps you optimize decision speed by reducing choices in navigation, onboarding, and forms, applying Hick's Law to improve user flow.
hypothesis-tree
flpbalada/my-opencode-config
136
This skill helps you structure complex questions into testable hypotheses for MECE coverage, enabling faster validation of ideas and experiments.
making-product-decisions
flpbalada/my-opencode-config
136
This skill helps you structure and document product decisions using a framework that improves alignment, traceability, and learning across teams.
naming-cheatsheet
flpbalada/my-opencode-config
136
This skill enforces consistent naming using the A/HC/LC pattern to improve readability and maintainability across variables and functions.
progressive-disclosure
flpbalada/my-opencode-config
136
This skill helps you apply progressive disclosure to onboarding, forms, and interfaces, revealing only essential details to reduce cognitive load and confusion.
project-structure
flpbalada/my-opencode-config
136
This skill helps you organize React/Next.js/TypeScript projects by feature-based architecture, improving maintainability and scalability.
nextjs-image-art-direction
flpbalada/my-opencode-config
136
This skill helps implement art direction for Next.js images using getImageProps to serve viewport-specific compositions and assets.
react-use-client-boundary
flpbalada/my-opencode-config
136
This skill helps you correctly manage React Server Components boundaries by guiding when to use the use client directive for optimal client/server separation.
react-use-state
flpbalada/my-opencode-config
136
This skill helps you implement and troubleshoot React useState usage, guiding when to use state, avoid pitfalls, and optimize local component state.
status-quo-bias
flpbalada/my-opencode-config
136
This skill helps you design product migrations and feature launches that respect status quo bias, easing adoption and maximizing completion.
theme-epic-story
flpbalada/my-opencode-config
136
This skill helps you structure product work with themes, epics, and stories to improve backlog clarity and cross-team planning.
trust-psychology
flpbalada/my-opencode-config
136
This skill helps you design landing pages and checkout flows that reduce perceived risk by applying proven trust signals.
user-story-fundamentals
flpbalada/my-opencode-config
136
This skill captures user-centered requirements as structured user stories to guide backlog items, acceptance criteria, and cross-functional collaboration.
typescript-interface-vs-type
flpbalada/my-opencode-config
136
This skill helps you decide when to use interface versus type in TypeScript to improve type safety and maintainability.