Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / odjaramillo / custom-rules
odjaramillo/custom-rules
158 skills
GitHubSponsored
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.