home / skills / odjaramillo / custom-rules

odjaramillo/custom-rules

158 skills
GitHub

Sponsored

mobile-design

odjaramillo/custom-rules

Mobile-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.
nodejs-best-practices

odjaramillo/custom-rules

Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
tdd-workflow

odjaramillo/custom-rules

Test-Driven Development workflow principles. RED-GREEN-REFACTOR cycle.
tailwind-patterns

odjaramillo/custom-rules

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
api-patterns

odjaramillo/custom-rules

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
ui-ux-pro-max

odjaramillo/custom-rules

UI/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.
subagent-driven-development

odjaramillo/custom-rules

Use when executing implementation plans with independent tasks in the current session
using-git-worktrees

odjaramillo/custom-rules

Use 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
paywall-upgrade-cro

odjaramillo/custom-rules

When the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration screen," "limit reached screen," "plan upgrade prompt," or "in-app pricing." Distinct from public pricing pages (see page-cro) β€” this skill focuses on in-product upgrade moments where the user has already experienced value.
api-security-best-practices

odjaramillo/custom-rules

Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities
cicd

odjaramillo/custom-rules

CI/CD pipeline patterns for automated testing and deployment. Trigger: When configuring CI/CD pipelines.
web-performance-optimization

odjaramillo/custom-rules

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
security-rbac

odjaramillo/custom-rules

Database Security, RBAC, and Access Control policies Trigger: When implementing role-based access control.
skill-creator

odjaramillo/custom-rules

Guide 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.
javascript-mastery

odjaramillo/custom-rules

Comprehensive 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.
coding-standards

odjaramillo/custom-rules

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
seo-audit

odjaramillo/custom-rules

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," or "SEO health check." For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup.
seo-fundamentals

odjaramillo/custom-rules

SEO fundamentals, E-E-A-T, Core Web Vitals, and Google algorithm principles.
research-engineer

odjaramillo/custom-rules

An uncompromising Academic Research Engineer. Operates with absolute scientific rigor, objective criticism, and zero flair. Focuses on theoretical correctness, formal verification, and optimal implementation across any required technology.
database

odjaramillo/custom-rules

Database design patterns, SQL best practices, and data modeling guidelines. Trigger: When designing schemas, writing SQL, or implementing database security.
firebase

odjaramillo/custom-rules

Firebase 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
prompt-library

odjaramillo/custom-rules

Curated 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.
playwright

odjaramillo/custom-rules

Playwright E2E testing patterns. Trigger: When writing Playwright E2E tests (Page Object Model, selectors, MCP exploration workflow).
java

odjaramillo/custom-rules

Java programming with Spring Boot, Maven, and modern Java 17+ features. Trigger: When developing Java/Spring Boot applications.
javascript

odjaramillo/custom-rules

Modern JavaScript ES6+ patterns and best practices. Trigger: When writing JavaScript for web applications.
lancedb

odjaramillo/custom-rules

LanceDB vector database patterns and best practices. Trigger: When using LanceDB vector database.
nextjs

odjaramillo/custom-rules

Next.js 14+ patterns with App Router, Server Components, and SSR. Trigger: When building Next.js applications with SSR/SSG.
nestjs

odjaramillo/custom-rules

NestJS best practices with decorators, modules, and TypeORM. Trigger: When building NestJS applications with decorators.
notebooklm

odjaramillo/custom-rules

Use 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.
writing-plans

odjaramillo/custom-rules

Use when you have a spec or requirements for a multi-step task, before touching code
ruby

odjaramillo/custom-rules

Ruby best practices for clean code and Rails development. Trigger: When writing Ruby code or Rails applications.
style-guide

odjaramillo/custom-rules

SQL Naming, Formatting, and Style Guide Trigger: When following database naming conventions.
vue

odjaramillo/custom-rules

Vue 3 patterns with Composition API and TypeScript. Trigger: When building Vue.js applications with Composition API.
using-superpowers

odjaramillo/custom-rules

Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
segment-cdp

odjaramillo/custom-rules

Expert 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.
tailwind-4

odjaramillo/custom-rules

Tailwind 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).
vulnerability-scanner

odjaramillo/custom-rules

Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.
nextjs-best-practices

odjaramillo/custom-rules

Next.js App Router principles. Server Components, data fetching, routing patterns.
brainstorming

odjaramillo/custom-rules

Use this skill before any creative or constructive work (features, components, architecture, behavior changes, or functionality). This skill transforms vague ideas into validated designs through disciplined, incremental reasoning and collaboration.
observability

odjaramillo/custom-rules

Guidelines for implementing observability in applications.
skill-sync

odjaramillo/custom-rules

Syncs 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-react

odjaramillo/custom-rules

Patterns for using Tailwind CSS with React components. Trigger: When using Tailwind CSS with React components.
zod-4

odjaramillo/custom-rules

Zod 4 schema validation patterns. Trigger: When creating or updating Zod v4 schemas for validation/parsing (forms, request payloads, adapters), including v3 -> v4 migration patterns.
nosql-expert

odjaramillo/custom-rules

Expert 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.
react

odjaramillo/custom-rules

React 18+ patterns with hooks, components, and state management. Trigger: When building React applications with hooks and components.
launch-strategy

odjaramillo/custom-rules

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' or 'product update.' This skill covers phased launches, channel strategy, and ongoing launch momentum.
deployment-procedures

odjaramillo/custom-rules

Production deployment principles and decision-making. Safe deployment workflows, rollback strategies, and verification. Teaches thinking, not scripts.
lint-and-validate

odjaramillo/custom-rules

Automatic 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.
ab-test-setup

odjaramillo/custom-rules

Structured guide for setting up A/B tests with mandatory gates for hypothesis, metrics, and execution readiness.
senior-architect

odjaramillo/custom-rules

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.
browser-extension-builder

odjaramillo/custom-rules

Expert 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.
concise-planning

odjaramillo/custom-rules

Use when a user asks for a plan for a coding task, to generate a clear, actionable, and atomic checklist.
context7-auto-research

odjaramillo/custom-rules

Automatically fetch latest library/framework documentation for Claude Code via Context7 API
brand-guidelines

odjaramillo/custom-rules

Applies 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.
github-workflow-automation

odjaramillo/custom-rules

Automate 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.
django-drf

odjaramillo/custom-rules

Django REST Framework patterns. Trigger: When implementing generic DRF APIs (ViewSets, serializers, routers, permissions, filtersets). For Prowler API specifics (RLS/JSON:API), also use prowler-api.
typescript-expert

odjaramillo/custom-rules

TypeScript 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.
python-patterns

odjaramillo/custom-rules

Python development principles and decision-making. Framework selection, async patterns, type hints, project structure. Teaches thinking, not copying.
design-orchestration

odjaramillo/custom-rules

Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order. Prevents premature implementation, skipped validation, and unreviewed high-risk designs.
verification-before-completion

odjaramillo/custom-rules

Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
react-patterns

odjaramillo/custom-rules

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
nestjs-expert

odjaramillo/custom-rules

Nest.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.
skill-developer

odjaramillo/custom-rules

Create 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.
plan-writing

odjaramillo/custom-rules

Structured task planning with clear breakdowns, dependencies, and verification criteria. Use when implementing features, refactoring, or any multi-step work.
social-content

odjaramillo/custom-rules

When 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.
canvas-design

odjaramillo/custom-rules

Create 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.
copy-editing

odjaramillo/custom-rules

When 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.
git-pushing

odjaramillo/custom-rules

Stage, 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.
dispatching-parallel-agents

odjaramillo/custom-rules

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
file-uploads

odjaramillo/custom-rules

Expert 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.
express

odjaramillo/custom-rules

Express.js REST API patterns and best practices. Trigger: When building Express.js REST APIs.
documentation-templates

odjaramillo/custom-rules

Documentation templates and structure guidelines. README, API docs, code comments, and AI-friendly documentation.
prompt-engineering

odjaramillo/custom-rules

Expert guide on prompt engineering patterns, best practices, and optimization techniques. Use when user wants to improve prompts, learn prompting strategies, or debug agent behavior.
finishing-a-development-branch

odjaramillo/custom-rules

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup
pptx

odjaramillo/custom-rules

Presentation 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
doc-coauthoring

odjaramillo/custom-rules

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.
clean-code

odjaramillo/custom-rules

Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments
web-design-guidelines

odjaramillo/custom-rules

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
test-driven-development

odjaramillo/custom-rules

Use when implementing any feature or bugfix, before writing implementation code
slack-bot-builder

odjaramillo/custom-rules

Build 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.
frontend-dev-guidelines

odjaramillo/custom-rules

Frontend 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.
writing-skills

odjaramillo/custom-rules

Use when creating new skills, editing existing skills, or verifying skills work before deployment
copywriting

odjaramillo/custom-rules

Use this skill when writing, rewriting, or improving marketing copy for any page (homepage, landing page, pricing, feature, product, or about page). This skill produces clear, compelling, and testable copy while enforcing alignment, honesty, and conversion best practices.
signup-flow-cro

odjaramillo/custom-rules

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro. For lead capture forms (not account creation), see form-cro.
docx

odjaramillo/custom-rules

Comprehensive 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
codex-review

odjaramillo/custom-rules

Professional code review with auto CHANGELOG generation, integrated with Codex AI
backend-patterns

odjaramillo/custom-rules

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
nextjs-supabase-auth

odjaramillo/custom-rules

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
rust

odjaramillo/custom-rules

Rust best practices, ownership, borrowing, and async patterns. Trigger: When writing Rust code with memory safety patterns.
senior-fullstack

odjaramillo/custom-rules

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
software-architecture

odjaramillo/custom-rules

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.
typescript

odjaramillo/custom-rules

TypeScript strict patterns, type safety, and best practices. Trigger: When writing TypeScript code with types, interfaces, or generics.
scroll-experience

odjaramillo/custom-rules

Expert 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.
reporting-optimization

odjaramillo/custom-rules

High Performance Reporting and Query Optimization Trigger: When optimizing database queries for reporting.
zuplo

odjaramillo/custom-rules

Zuplo API gateway configuration and best practices. Trigger: When configuring Zuplo API gateway.
web-artifacts-builder

odjaramillo/custom-rules

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
webapp-testing

odjaramillo/custom-rules

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
react-ui-patterns

odjaramillo/custom-rules

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.