playbooks

home / skills / flpbalada

flpbalada skills

Find 42 skills from 1 repo created by flpbalada on GitHub.

1 repo
42 skills
GitHub

Sponsored

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
Advertise on playbooks
Reach thousands of developers actively evaluating dev tools, MCP servers, and agent skills. Floating banners, pinned cards, and in-feed placements.
learn more
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.
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.
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.
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.
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.
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.
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-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.
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.
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.
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.
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.
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-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.
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.