patricio0312rev/skills▌

Smooth animations and micro-interactions using Framer Motion's declarative API. \n \n Supports entrance/exit animations, hover states, gesture-driven interactions (drag, swipe), and scroll-triggered effects with useInView and useScroll \n Includes variants pattern for orchestrating staggered sequences, shared layout animations with LayoutGroup , and imperative control via useAnimate \n Provides page transitions for Next.js, parallax effects, and scroll progress tracking through motion values and

Create comprehensive inline documentation for TypeScript codebases.

When explaining code, always include: \n \n Start with an analogy : Compare the code to something from everyday life \n Draw a diagram : Use ASCII art to show the flow, structure, or relationships \n Walk through the code : Explain step-by-step what happens \n Highlight a gotcha : What's a common mistake or misconception? \n \n Keep explanations conversational. For complex concepts, use multiple analogies.

Generate Bruno collection files for the open-source, Git-friendly API client.

Generate comprehensive architecture documentation from repository analysis.

ESLint and Prettier configuration for TypeScript, React, and modern JavaScript projects. \n \n Supports both ESLint v9 flat config and legacy .eslintrc format, with TypeScript, React, React Hooks, and import ordering rules built in \n Includes Prettier integration with conflict resolution, VS Code settings, and pre-commit validation via Husky and lint-staged \n Provides framework-specific configurations for Next.js and Node.js/API projects, plus examples of custom ESLint rules \n Covers full wor

Generate importable Postman collections from your API codebase automatically.

Create optimized Nginx configurations for high-performance web serving and reverse proxying.

Implement common Redis patterns for high-performance applications.

Generate professional changelogs and release notes from version control history.

Create comprehensive API documentation with OpenAPI specifications and interactive documentation.

Build real-time applications with WebSockets and Socket.io.

Build optimized, secure, and cache-efficient Docker images following production best practices.

Create polished, performant animations and micro-interactions.

Implement internationalization with next-intl, react-i18next, or similar libraries.