odjaramillo
- 253 skills
- 0 followers
- 4 hours ago last updated
- ▌ Kaizen · odjaramilloGuide for continuous improvement, error proofing, and standardization. Use this skill when the user wants to improve code quality, refactor, or discuss process improvements.
- ▌ Clean Code · odjaramilloPragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments
- ▌ Firebase · odjaramilloFirebase gives you a complete backend in minutes - auth, database, storage, functions, hosting. But the ease of setup hides real complexity. Security rules are your last line of defense, and they're often wrong. Firestore queries are limited, and you learn this after you've designed your data model. This skill covers Firebase Authentication, Firestore, Realtime Database, Cloud Functions, Cloud Storage, and Firebase Hosting. Key insight: Firebase is optimized for read-heavy, denormalized data. I
- ▌ Architecture · odjaramillo bundleArchitectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
- ▌
- ▌ Clean Code 2 · odjaramilloPragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments
- ▌ Typescript 2 · odjaramillo bundleTypeScript strict patterns, type safety, and best practices. Trigger: When writing TypeScript code with types, interfaces, or generics.
- ▌ Skill Creator · odjaramillo bundleGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
- ▌ Git Pushing · odjaramillo bundleStage, commit, and push git changes with conventional commit messages. Use when user wants to commit and push changes, mentions pushing to remote, or asks to save and push their work. Also activates when user says "push changes", "commit and push", "push this", "push to github", or similar git workflow requests.
- ▌ Architecture 2 · odjaramillo bundleArchitectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
- ▌
- ▌ Skill Developer · odjaramillo bundleCreate and manage Claude Code skills following Anthropic best practices. Use when creating new skills, modifying skill-rules.json, understanding trigger patterns, working with hooks, debugging skill activation, or implementing progressive disclosure. Covers skill structure, YAML frontmatter, trigger types (keywords, intent patterns, file paths, content patterns), enforcement levels (block, suggest, warn), hook mechanisms (UserPromptSubmit, PreToolUse), session tracking, and the 500-line rule.
- ▌ PDF 2 · odjaramillo bundleComprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
- ▌ Vue 2 · odjaramilloVue 3 patterns with Composition API and TypeScript. Trigger: When building Vue.js applications with Composition API.
- ▌ Prompt Library · odjaramilloCurated collection of high-quality prompts for various use cases. Includes role-based prompts, task-specific templates, and prompt refinement techniques. Use when user needs prompt templates, role-play prompts, or ready-to-use prompt examples for coding, writing, analysis, or creative tasks.
- ▌ Writing Skills · odjaramillo bundleUse when creating new skills, editing existing skills, or verifying skills work before deployment
- ▌ DOCX 2 · odjaramillo bundleComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks
- ▌ PPTX 2 · odjaramillo bundlePresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks
- ▌ Trpc 2 · odjaramilloGuidelines for writing Next.js apps with tRPC v11. Trigger: When building type-safe APIs with tRPC.
- ▌ Design Patterns 2 · odjaramilloDatabase Design, Architecture, and Efficiency Patterns Trigger: When implementing software design patterns.
- ▌ Frontend Design · odjaramillo bundleCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
- ▌ React 2 · odjaramilloReact 18+ patterns with hooks, components, and state management. Trigger: When building React applications with hooks and components.
- ▌ Zuplo 2 · odjaramillo bundleZuplo API gateway configuration and best practices. Trigger: When configuring Zuplo API gateway.
- ▌ Brand Guidelines · odjaramillo bundleApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
- ▌ Concise Planning · odjaramilloUse when a user asks for a plan for a coding task, to generate a clear, actionable, and atomic checklist.
- ▌ Testing Patterns 2 · odjaramilloJest testing patterns, factory functions, mocking strategies, and TDD workflow. Use when writing unit tests, creating test factories, or following TDD red-green-refactor cycle.
- ▌ Docker 2 · odjaramillo bundleGuidelines for writing efficient and secure Dockerfiles. Trigger: When working with Dockerfile, docker-compose, or container configurations.
- ▌ Angular 2 · odjaramilloAngular best practices with TypeScript, RxJS, and modern patterns. Trigger: When building Angular applications with TypeScript.
- ▌ Express 2 · odjaramilloExpress.js REST API patterns and best practices. Trigger: When building Express.js REST APIs.
- ▌ Openapi 2 · odjaramilloBest practices for API documentation using OpenAPI/Swagger. Trigger: When writing OpenAPI/Swagger specifications.
- ▌ Nodejs Best Practices · odjaramilloNode.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
- ▌ Database 2 · odjaramillo bundleDatabase design patterns, SQL best practices, and data modeling guidelines. Trigger: When designing schemas, writing SQL, or implementing database security.
- ▌ Git Flow 2 · odjaramilloStandard Git Flow branching model and lifecycle management strategy. Trigger: "create release", "hotfix", "branching strategy", "git flow".
- ▌ Paid Ads 2 · odjaramilloWhen the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions 'PPC,' 'paid media,' 'ad copy,' 'ad creative,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' or 'audience targeting.' This skill covers campaign strategy, ad creation, audience targeting, and optimization.
- ▌ React 19 2 · odjaramilloReact 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Next.js App Router/Server Actions, also use nextjs-15.
- ▌ Tailwind 2 · odjaramilloTailwind CSS utility-first patterns and best practices. Trigger: When styling with Tailwind CSS utility classes.
- ▌ Clerk Auth 2 · odjaramilloExpert patterns for Clerk auth implementation, middleware, organizations, webhooks, and user sync Use when: adding authentication, clerk auth, user authentication, sign in, sign up.
- ▌ Javascript 2 · odjaramillo bundleModern JavaScript ES6+ patterns and best practices. Trigger: When writing JavaScript for web applications.
- ▌ Notebooklm 2 · odjaramillo bundleUse this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.
- ▌ Playwright 2 · odjaramillo bundlePlaywright E2E testing patterns. Trigger: When writing Playwright E2E tests (Page Object Model, selectors, MCP exploration workflow).
- ▌ Skill Sync 2 · odjaramillo bundleSyncs skill metadata to AGENTS.md Auto-invoke sections. Trigger: When updating skill metadata (metadata.scope/metadata.auto_invoke), regenerating Auto-invoke tables, or running ./skills/skill-sync/assets/sync.sh (including --dry-run/--scope).
- ▌ Tailwind 4 2 · odjaramilloTailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially when dynamic styling or CSS variables are involved (no var() in className).
- ▌ Code Review Checklist 2 · odjaramilloComprehensive checklist for conducting thorough code reviews covering functionality, security, performance, and maintainability
- ▌ Nodejs Best Practices 2 · odjaramilloNode.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
- ▌ Segment Cdp 2 · odjaramilloExpert patterns for Segment Customer Data Platform including Analytics.js, server-side tracking, tracking plans with Protocols, identity resolution, destinations configuration, and data governance best practices. Use when: segment, analytics.js, customer data platform, cdp, tracking plan.
- ▌ API Patterns 2 · odjaramillo bundleAPI design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
- ▌ Copy Editing 2 · odjaramilloWhen the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' or 'copy sweep.' This skill provides a systematic approach to editing marketing copy through multiple focused passes.
- ▌ File Uploads 2 · odjaramilloExpert at handling file uploads and cloud storage. Covers S3, Cloudflare R2, presigned URLs, multipart uploads, and image optimization. Knows how to handle large files without blocking. Use when: file upload, S3, R2, presigned URL, multipart.
- ▌ Nosql Expert 2 · odjaramilloExpert guidance for distributed NoSQL databases (Cassandra, DynamoDB). Focuses on mental models, query-first modeling, single-table design, and avoiding hot partitions in high-scale systems.
- ▌ Plan Writing 2 · odjaramilloStructured task planning with clear breakdowns, dependencies, and verification criteria. Use when implementing features, refactoring, or any multi-step work.
- ▌ Shopify Apps 2 · odjaramilloExpert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use when: shopify app, shopify, embedded app, polaris, app bridge.
- ▌ Canvas Design 2 · odjaramillo bundleCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
- ▌ Documentation 2 · odjaramillo bundleExpert technical writing skill. Provides templates for PRD, BRD, SRS, and Engineering docs. Trigger: "Write a PRD", "Document this feature", "Create specs", "Generate readme".
- ▌ Mobile Design 2 · odjaramillo bundleMobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
- ▌ Nestjs Expert 2 · odjaramilloNest.js framework expert specializing in module architecture, dependency injection, middleware, guards, interceptors, testing with Jest/Supertest, TypeORM/Mongoose integration, and Passport.js authentication. Use PROACTIVELY for any Nest.js application issues including architecture decisions, testing strategies, performance optimization, or debugging complex dependency injection problems. If a specialized expert is a better fit, I will recommend switching and stop.
- ▌
- ▌ Supabase Auth 2 · odjaramilloGuidelines for implementing Supabase Auth SSR in Next.js. Trigger: When implementing Supabase authentication.
- ▌ UI UX Pro Max 2 · odjaramillo bundleUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
- ▌ Writing Plans 2 · odjaramilloUse when you have a spec or requirements for a multi-step task, before touching code
- ▌ React Patterns 2 · odjaramilloModern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
- ▌ Social Content 2 · odjaramilloWhen the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'viral content.' This skill covers content creation, repurposing, and platform-specific strategies.
- ▌ Tailwind React 2 · odjaramilloPatterns for using Tailwind CSS with React components. Trigger: When using Tailwind CSS with React components.
- ▌ Database Design · odjaramillo bundleDatabase design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.
- ▌ Python Patterns 2 · odjaramilloPython development principles and decision-making. Framework selection, async patterns, type hints, project structure. Teaches thinking, not copying.
- ▌ Security Review 2 · odjaramilloUse this skill when adding authentication, handling user input, working with secrets, creating API endpoints, or implementing payment/sensitive features. Provides comprehensive security checklist and patterns.
- ▌ Github Workflow Automation 2 · odjaramilloAutomate GitHub workflows with AI assistance. Includes PR reviews, issue triage, CI/CD integration, and Git operations. Use when automating GitHub workflows, setting up PR review automation, creating GitHub Actions, or triaging issues.
- ▌ Backend Patterns 2 · odjaramilloBackend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
- ▌ Behavioral Modes 2 · odjaramilloAI operational modes (brainstorm, implement, debug, review, teach, ship, orchestrate). Use to adapt behavior based on task type.
- ▌ Coding Standards 2 · odjaramilloUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
- ▌ Playwright Skill 2 · odjaramillo bundleComplete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
- ▌ Pricing Strategy 2 · odjaramilloWhen the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' or 'monetization.' This skill covers pricing research, tier structure, and packaging strategy.
- ▌ SEO Fundamentals 2 · odjaramillo bundleSEO fundamentals, E-E-A-T, Core Web Vitals, and Google algorithm principles.
- ▌ Frontend Patterns 2 · odjaramilloFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
- ▌ Lint And Validate 2 · odjaramillo bundleAutomatic quality control, linting, and static analysis procedures. Use after every code modification to ensure syntax correctness and project standards. Triggers onKeywords: lint, format, check, validate, types, static analysis.
- ▌ React UI Patterns 2 · odjaramilloModern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
- ▌ Scroll Experience 2 · odjaramilloExpert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
- ▌ Server Management 2 · odjaramilloServer management principles and decision-making. Process management, monitoring strategy, and scaling decisions. Teaches thinking, not commands.
- ▌ Slack Bot Builder 2 · odjaramilloBuild Slack apps using the Bolt framework across Python, JavaScript, and Java. Covers Block Kit for rich UIs, interactive components, slash commands, event handling, OAuth installation flows, and Workflow Builder integration. Focus on best practices for production-ready Slack apps. Use when: slack bot, slack app, bolt framework, block kit, slash command.
- ▌ Tailwind Patterns 2 · odjaramilloTailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
- ▌ Typescript Expert 2 · odjaramillo bundleTypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling. Use PROACTIVELY for any TypeScript/JavaScript issues including complex type gymnastics, build performance, debugging, and architectural decisions. If a specialized expert is a better fit, I will recommend switching and stop.
- ▌ Using Superpowers 2 · odjaramilloUse when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
- ▌ Browser Automation 2 · odjaramilloBrowser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns. This skill covers Playwright (recommended) and Puppeteer, with patterns for testing, scraping, and agentic browser control. Key insight: Playwright won the framework war. Unless you need Puppeteer's stealth ecosystem or are Chrome-only, Playwright is the better choice in 202
- ▌ Javascript Mastery 2 · odjaramilloComprehensive JavaScript reference covering 33+ essential concepts every developer should know. From fundamentals like primitives and closures to advanced patterns like async/await and functional programming. Use when explaining JS concepts, debugging JavaScript issues, or teaching JavaScript fundamentals.
- ▌ Powershell Windows 2 · odjaramilloPowerShell Windows patterns. Critical pitfalls, operator syntax, error handling.
- ▌ Stripe Integration 2 · odjaramilloGet paid from day one. Payments, subscriptions, billing portal, webhooks, metered billing, Stripe Connect. The complete guide to implementing Stripe correctly, including all the edge cases that will bite you at 3am. This isn't just API calls - it's the full payment system: handling failures, managing subscriptions, dealing with dunning, and keeping revenue flowing. Use when: stripe, payments, subscription, billing, checkout.
- ▌ Micro Saas Launcher 2 · odjaramilloExpert in launching small, focused SaaS products fast - the indie hacker approach to building profitable software. Covers idea validation, MVP development, pricing, launch strategies, and growing to sustainable revenue. Ship in weeks, not months. Use when: micro saas, indie hacker, small saas, side project, saas mvp.
- ▌ Planning With Files 2 · odjaramillo bundleImplements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when starting complex multi-step tasks, research projects, or any task requiring >5 tool calls.
- ▌ Shopify Development 2 · odjaramillo bundleBuild Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid. TRIGGER: "shopify", "shopify app", "checkout extension", "admin extension", "POS extension", "shopify theme", "liquid template", "polaris", "shopify graphql", "shopify webhook", "shopify billing", "app subscription", "metafields", "shopify functions"
- ▌ Using Git Worktrees 2 · odjaramilloUse when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification
- ▌ Workflow Automation 2 · odjaramilloWorkflow automation is the infrastructure that makes AI agents reliable. Without durable execution, a network hiccup during a 10-step payment flow means lost money and angry customers. With it, workflows resume exactly where they left off. This skill covers the platforms (n8n, Temporal, Inngest) and patterns (sequential, parallel, orchestrator-worker) that turn brittle scripts into production-grade automation. Key insight: The platforms make different tradeoffs. n8n optimizes for accessibility
- ▌ Systematic Debugging 2 · odjaramillo bundleUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes
- ▌ Deployment Procedures 2 · odjaramilloProduction deployment principles and decision-making. Safe deployment workflows, rollback strategies, and verification. Teaches thinking, not scripts.
- ▌ Nextjs Best Practices 2 · odjaramilloNext.js App Router principles. Server Components, data fetching, routing patterns.
- ▌ Performance Profiling 2 · odjaramillo bundlePerformance profiling principles. Measurement, analysis, and optimization techniques.
- ▌ Vulnerability Scanner 2 · odjaramillo bundleAdvanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.
- ▌ Backend Dev Guidelines 2 · odjaramillo bundleComprehensive backend development guide for Node.js/Express/TypeScript microservices. Use when creating routes, controllers, services, repositories, middleware, or working with Express APIs, Prisma database access, Sentry error tracking, Zod validation, unifiedConfig, dependency injection, or async patterns. Covers layered architecture (routes → controllers → services → repositories), BaseController pattern, error handling, performance monitoring, testing strategies, and migration from legacy patterns.
- ▌ Reporting Optimization 2 · odjaramilloHigh Performance Reporting and Query Optimization Trigger: When optimizing database queries for reporting.
- ▌ Documentation Templates · odjaramilloDocumentation templates and structure guidelines. README, API docs, code comments, and AI-friendly documentation.
- ▌ Frontend Dev Guidelines 2 · odjaramillo bundleFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
- ▌ Browser Extension Builder 2 · odjaramilloExpert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3.