Collection40 items

flpbalada/my-opencode-config

View on GitHub
3stars

🎯Skills40

🎯social-proof-psychology🎯Skill

Optimizes user trust and conversion by strategically displaying social validation through testimonials, user stats, and expert endorsements.

social-proof-psychology
🎯five-whys🎯Skill

Systematically uncovers root causes of problems through iterative questioning, revealing underlying issues beyond surface-level symptoms.

five-whys
🎯hooked-model🎯Skill

Designs habit-forming products by mapping user triggers, actions, rewards, and investments to create engaging, addictive product experiences.

hooked-model
🎯cognitive-biases🎯Skill

Applies cognitive bias insights to optimize product design, user experiences, and decision-making strategies by leveraging psychological principles.

cognitive-biases
🎯cognitive-fluency-psychology🎯Skill

Enhances user comprehension and engagement by applying cognitive fluency principles to simplify information processing across content and interfaces.

cognitive-fluency-psychology
🎯typescript-best-practices🎯Skill

Enforces TypeScript best practices and coding standards through comprehensive linting and configuration rules for consistent, high-quality code.

typescript-best-practices
🎯typescript-satisfies-operator🎯Skill

Validates TypeScript object types while preserving precise literal types, preventing type widening and catching type-related errors early.

typescript-satisfies-operator
🎯cognitive-load🎯Skill

Optimizes user experiences by managing mental resources through Cognitive Load Theory, reducing interface complexity and improving task completion.

cognitive-load
🎯pest-analysis🎯Skill

Conducts comprehensive PEST analysis to evaluate external macro-environmental factors for strategic business decision-making.

pest-analysis
🎯kanban🎯Skill

Visualize and optimize team workflow by creating Kanban boards that track tasks, limit work-in-progress, and improve delivery efficiency.

kanban
🎯typescript-interface-vs-type🎯Skill

Guides developers on choosing between TypeScript interfaces and type aliases based on specific use cases and performance considerations.

typescript-interface-vs-type
🎯loss-aversion-psychology🎯Skill

Helps product designers strategically frame messaging and features to leverage psychological loss aversion, driving user behavior through potential loss framing.

loss-aversion-psychology
🎯fogg-behavior-model🎯Skill

Helps design behavior change interventions by analyzing user motivation, ability, and prompts to increase desired actions and feature adoption.

fogg-behavior-model
🎯react-use-client-boundary🎯Skill

Guides developers in correctly applying the "use client" directive in React/Next.js, helping manage server and client component boundaries.

react-use-client-boundary
🎯curiosity-gap🎯Skill

Strategically reveals partial information to trigger curiosity, compelling users to take action by resolving knowledge or outcome gaps.

curiosity-gap
🎯halo-effect-psychology🎯Skill

Analyzes and leverages the halo effect to optimize product design, user perception, and first impressions by strategically enhancing positive attributes.

halo-effect-psychology
🎯naming-cheatsheet🎯Skill

Provides a quick reference cheatsheet for generating clear, consistent, and meaningful names in programming across various contexts.

naming-cheatsheet
🎯jobs-to-be-done🎯Skill

Analyzes and maps job-to-be-done frameworks to help teams understand customer needs and product development opportunities.

jobs-to-be-done
🎯hypothesis-tree🎯Skill

Decomposes complex questions into structured, testable hypotheses to systematically investigate problems and validate ideas across product, research, and strategic domains.

hypothesis-tree
🎯typescript-advanced-types🎯Skill

Enables advanced TypeScript type manipulation through generics, conditional types, mapped types, and utility types for creating robust, type-safe applications.

typescript-advanced-types
🎯react-use-state🎯Skill

Guides developers on effectively using React's useState hook, helping choose the right state management approach for component-level state and avoiding common pitfalls.

react-use-state
🎯css-container-queries🎯Skill

Enables responsive component design by styling elements based on their container's size, making components adaptable and context-aware.

css-container-queries
🎯code-architecture-tailwind-v4-best-practices🎯Skill

Guides developers in implementing Tailwind CSS v4 best practices, focusing on utility-first design, component variants, and CSS configuration strategies.

code-architecture-tailwind-v4-best-practices
🎯code-architecture-wrong-abstraction🎯Skill

Identifies when to avoid premature code abstraction by providing guidelines for creating clean, maintainable shared utilities and refactoring strategies.

code-architecture-wrong-abstraction
🎯graph-thinking🎯Skill

Visualizes complex relationships and solves problems by mapping interconnected concepts, dependencies, and networks non-linearly.

graph-thinking
🎯making-product-decisions🎯Skill

Helps product teams systematically evaluate complex decisions by providing a structured framework for analyzing tradeoffs, aligning stakeholders, and documenting decision-making processes.

making-product-decisions
🎯react-use-callback🎯Skill

Optimizes React performance by strategically caching function references to prevent unnecessary re-renders and improve component efficiency.

react-use-callback
🎯game-theory-tit-for-tat🎯Skill

Applies the Tit for Tat game theory strategy to foster cooperative interactions by mirroring others' behaviors and promoting mutual trust.

game-theory-tit-for-tat
🎯visual-cues-cta-psychology🎯Skill

Guides user attention through strategic visual design by leveraging psychological principles of gaze, contrast, and evolutionary attention triggers.

visual-cues-cta-psychology
🎯progressive-disclosure🎯Skill

Progressively reveals information and features, reducing complexity by showing users only what they need when they need it.

progressive-disclosure
🎯project-structure🎯Skill

Guides React/Next.js/TypeScript projects using feature-based architecture, organizing code by domain with clear, scalable structure and unidirectional flow.

project-structure
🎯self-initiated-triggers🎯Skill

Designs internal emotional triggers that transform external prompts into self-motivated product engagement, enhancing user retention and habit formation.

self-initiated-triggers
🎯business-model-canvas🎯Skill

Generates a comprehensive business model canvas by analyzing and structuring key business components through interactive AI-driven prompts.

business-model-canvas
🎯react-key-prop🎯Skill

Guides developers in using React's key prop correctly by providing best practices for generating stable, unique identifiers when rendering dynamic lists.

react-key-prop
🎯trust-psychology🎯Skill

Reduces perceived risk by strategically deploying trust signals that transform user hesitation into confident action across digital conversion points.

trust-psychology
🎯user-story-fundamentals🎯Skill

Helps product teams craft precise, user-centered requirements by transforming user needs into clear, actionable user stories.

user-story-fundamentals
🎯hicks-law🎯Skill

Optimizes user decision-making by reducing choice complexity and managing interface options to accelerate cognitive processing.

hicks-law
🎯status-quo-bias🎯Skill

Helps design product changes and migrations by understanding users' psychological resistance to change and creating strategies to overcome status quo bias.

status-quo-bias
🎯what-not-to-do-as-product-manager🎯Skill

Highlights common pitfalls and mistakes product managers should avoid to improve their professional effectiveness and team collaboration.

what-not-to-do-as-product-manager
🎯theme-epic-story🎯Skill

I apologize, but I cannot generate a description without seeing the actual content or context of the "theme-epic-story" skill from the repository. Could you provide more details about what this spe...

theme-epic-story