All authors
Claude Skills by Harmitx7
github.com/Harmitx7373 skills0 installs32 views
- ObservabilityUse when Production observability mastery. Structured logging (Pino/Winston), OpenTelemetry tracing, metrics (Prometheus/Grafana), SLIs/SLOs/error budgets, distributed tracing, alerting design, health checks, and AI observability. Use when setting up monitoring, debugging production issues, or designing observable distributed systems.Votes: 0GitHub stars: 5
- Opentelemetry ObservabilityUse when Full-stack distributed tracing, metrics, OpenTelemetry (OTel), Prometheus, Grafana Tempo, and zero-overhead observability instrumentation.Votes: 0GitHub stars: 5
- Page Transition AnimationUse when Page and route transition patterns using the native View Transitions API, Framer Motion AnimatePresence, and Next.js App Router exit animations.Votes: 0GitHub stars: 5
- Parallel AgentsUse when Parallel processing coordination for multi-agent swarms. Asynchronous dispatches, merging divergent logic streams, race conditions in autonomous agents, avoiding Git conflicts in concurrent generation, and fan-out/fan-in processing patterns. Use when orchestrating multiple agents simultaneously.Votes: 0GitHub stars: 5
- Performance ProfilingUse when Performance profiling mastery. Core Web Vitals (LCP, CLS, INP), Lighthouse auditing, JavaScript profiling, React rendering optimization, bundle analysis, memory leak detection, database query profiling (EXPLAIN ANALYZE), load testing, and performance budgets. Use when optimizing performance, debugging slow pages, or establishing performance standards.Votes: 0GitHub stars: 5
- Plan WritingUse when Technical design and implementation planning mastery. Writing structured execution checklists, dependency mapping, establishing rollback protocols, segmenting monolithic tasks, writing ADRs (Architecture Decision Records), and defining verification criteria. Use when transitioning from ideation to coordinated execution.Votes: 0GitHub stars: 5
- Platform EngineerUse when Platform Engineering and Internal Developer Portal (IDP) mastery. Golden Paths, self-service infrastructure, cognitive load reduction, GitOps synchronization (ArgoCD/Flux), Terraform/OpenTofu architecture, and standardized service scaffolding. Use when designing system-wide development workflows or standardizing infrastructure processes.Votes: 0GitHub stars: 5
- Platform Engineering OpentofuUse when Infrastructure as Code (IaC) with OpenTofu/Terraform/Pulumi, automated cloud provisioning, DevSecOps pipelines, and self-service platform engineering.Votes: 0GitHub stars: 5
- Playwright Ai E2eUse when Modern Playwright 1.45+ E2E web testing, resilient ARIA locators, visual regression testing, network mocking, and AI-assisted flakiness detection.Votes: 0GitHub stars: 5
- Playwright Best PracticesUse when Playwright End-to-End (E2E) testing mastery. Resilient selectors, auto-waiting mechanisms, parallel test execution, mocking network requests, fixture management, and cross-browser CI configurations. Use when configuring, deploying, or writing E2E web tests.Votes: 0GitHub stars: 5
- PolishUse when Final production quality pass for spacing, alignment, visual rhythm, dark mode consistency, and edge states. Use before shipping or merging a feature to ensure 100% UI fidelity.Votes: 0GitHub stars: 5
- Powershell WindowsUse when PowerShell and Windows environment mastery. Object-oriented piping, strict error handling (ErrorActionPreference), PSProviders, active directory querying, credential management, and execution policies. Use when automating Azure, Windows environments, or writing .ps1 scripts.Votes: 0GitHub stars: 5
- Pricing PageUse when SaaS pricing table architecture, billing cycle toggles (Monthly/Annual), feature comparison matrices, tier highlighting, and conversion optimization.Votes: 0GitHub stars: 5
- Product Aware HeuristicsUse when Defines specific visual and structural design heuristics and React/Tailwind templates tailored to different product types (SaaS, developer tools, AI interfaces, landing pages, fintech, e-commerce, and editorial).Votes: 0GitHub stars: 5
- Progressive BlurUse when Smooth progressive backdrop blurs, depth overlays, and modern glassmorphism using CSS mask-image and multi-layered backdrop filters without GPU performance drops.Votes: 0GitHub stars: 5
- Project IdiomsUse when >Votes: 0GitHub stars: 5
- Property Based TestingUse when Generative input invariant testing using fast-check (TS/JS) and hypothesis (Python) to uncover hidden edge cases and boundary failures.Votes: 0GitHub stars: 5
- Python PatternsUse when Python development principles and decision-making. Framework selection, async patterns, type hints, project structure. Teaches thinking, not copying.Votes: 0GitHub stars: 5
- Python ProUse when Python 3.12+ specialist. FastAPI, Pydantic v2, asyncio, modern types, pytest. Use when building Python APIs, data pipelines, automation, or any Python code.Votes: 0GitHub stars: 5
- QuieterUse when Tone down overly loud, noisy, visually aggressive, or distracting designs while maintaining high visual quality. Use when a UI feels cluttered, overwhelming, tacky, or visually hyperactive.Votes: 0GitHub stars: 5
- React DoctorUse when Scan React and Next.js applications for security, performance, re-render inefficiencies, memory leaks, and correctness issues.Votes: 0GitHub stars: 5
- React SpecialistUse when React 19+ specialist. use(), useActionState, useOptimistic, React Compiler, Server/Client Components, Zustand/Jotai, React Query. Use when building components, managing state, optimizing renders.Votes: 0GitHub stars: 5
- Readme BuilderUse when Interactive README.md generation specialist. Creates professional, structured README files with badges, installation guides, usage examples, screenshots, and contribution guidelines. Use when asked to create, update, or improve a README file.Votes: 0GitHub stars: 5
- Realtime PatternsUse when Real-time application mastery. WebSockets, Server-Sent Events (SSE), CRDTs for conflict-free collaboration, presence systems, optimistic updates, live cursors, multiplayer state sync, reconnection strategies, and real-time database patterns (Supabase Realtime, Firebase). Use when building chat, live collaboration, dashboards, or multiplayer features.Votes: 0GitHub stars: 5
- Red Team TacticsUse when Red team tactics principles based on MITRE ATT&CK. Attack phases, detection evasion, reporting.Votes: 0GitHub stars: 5
- Redesign SkillUse when Audit and upgrade existing interfaces to premium visual quality while preserving product functionality and business logic.Votes: 0GitHub stars: 5
- Review AnimationsUse when Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.Votes: 0GitHub stars: 5
- Rust ProUse when Master Rust 1.75+ with modern async patterns, ownership/borrowing, lifetimes, traits, error handling with thiserror/anyhow, async Tokio runtime, axum web framework, serde serialization, and systems programming. Use when building Rust services, CLI tools, WebAssembly, or performance-critical systems.Votes: 0GitHub stars: 5
- Seo FundamentalsUse when Search Engine Optimization (SEO) mastery. Metadata implementation, Open Graph (OG) social card rendering, semantic HTML5 structuring, canonicalization, Core Web Vitals performance mapping, Sitemap/Robots configurations, structured data (JSON-LD), and Next.js SSR SEO implementations. Use when auditing site visibility or building consumer-facing web architectures.Votes: 0GitHub stars: 5
- Server ManagementUse when Production Linux server administration mastery. Systemd services, Nginx reverse proxy architecture, UFW firewalls, SSH key security, cron scheduling, log rotation, and server hardening. Use when configuring bare-metal, VPS instances, or reviewing deployment architecture.Votes: 0GitHub stars: 5
- Shadcn Ui ExpertUse when shadcn/ui mastery. Installation, customization via tailwind.config, component extraction, state management with Radix Primitives, theme variables (CSS custom properties), dark mode implementations, and overriding default designs. Use when building or modifying shadcn/ui components in React/Next.js projects.Votes: 0GitHub stars: 5
- ShapeUse when Plan feature UX before writing code via structured Socratic design interviews. Use when a user asks to plan a new screen, onboarding flow, feature UX, or user interaction before implementation.Votes: 0GitHub stars: 5
- Skill CreatorUse when Use this skill for creating new skills and iteratively improving them via a structured workflow (draft, evaluate, review, improve).Votes: 0GitHub stars: 5
- Soft SkillUse when High-end visual design guidance for premium typography, spacing, depth, and animation systems.Votes: 0GitHub stars: 5
- Sounds On The WebUse when Web Audio API procedural sound synthesis for tactile micro-interaction feedback (clicks, pops, success chimes) with mute toggles and accessibility awareness.Votes: 0GitHub stars: 5
- Sql ProUse when Senior SQL developer across major databases (PostgreSQL, MySQL, SQL Server, Oracle). Complex query design with CTEs, window functions, PIVOT, recursive queries, JSON operations, full-text search, performance optimization with EXPLAIN ANALYZE, indexing strategies, partitioning, and schema architecture. Use when writing queries, designing schemas, optimizing performance, or debugging slow queries.Votes: 0GitHub stars: 5
- Supabase Postgres Best PracticesUse when Database architect expert in Supabase and PostgreSQL. Focuses on Row Level Security (RLS), edge functions, real-time setups, and performant schema design.Votes: 0GitHub stars: 5
- Svg AnimationUse when Master-grade SVG vector animation, stroke draw-on physics, multi-path orchestration, path morphing, offset-path motion trajectories, and hardware-accelerated 120fps vector graphics.Votes: 0GitHub stars: 5
- Swiftui ExpertUse when SwiftUI development mastery. View architecture, state management (@State, @Binding, @Environment, @Observable), performance optimization (identifiable loops, implicit vs explicit animations), architectural patterns (MVVM vs TCA), and iOS-native UX paradigms. Use when writing native Apple platforms code.Votes: 0GitHub stars: 5
- Swiss DesignUse when International Typographic Style (Swiss Design) principles for web interfaces. Strict grid discipline, asymmetric layouts, bold typographic contrast, flush-left un-justified text, and mathematical negative space.Votes: 0GitHub stars: 5
- Tailwind PatternsUse when Tailwind CSS v4+ mastery. CSS-first configuration, @theme directive, container queries, scroll-driven animations, logical properties, clamp(), fluid typography, responsive design, dark mode, custom variants, component extraction, and performance optimization. Use when styling with Tailwind, building design systems, or optimizing CSS output.Votes: 0GitHub stars: 5
- Taste SkillUse when Senior UI/UX frontend skill that enforces anti-slop design decisions, motion quality, visual rhythm, micro-craft, and architectural discipline.Votes: 0GitHub stars: 5
- Tdd WorkflowUse when Test-Driven Development (TDD) mastery. Red-Green-Refactor cycles, behavior-driven design (BDD), strict mutation coverage, test doubles (mocks/stubs/spies), and avoiding test-induced design damage. Use when building complex algorithms, deep business logic, or strictly regulated systems.Votes: 0GitHub stars: 5
- Test Result AnalyzerUse when Ingests test logs and identifies root causes across multiple failing test files. Provides actionable fix recommendations.Votes: 0GitHub stars: 5
- Testing PatternsUse when Testing mastery across stacks. Unit testing with Jest/Vitest/pytest, integration testing, E2E with Playwright, mocking strategies, test architecture (AAA, Given-When-Then), code coverage, snapshot testing, API testing, component testing with Testing Library, and TDD workflow. Use when writing tests, designing test architecture, or improving test coverage.Votes: 0GitHub stars: 5
- Thermo Nuclear Code Quality ReviewUse when Run an extremely strict maintainability review for abstraction quality, giant files, spaghetti-condition growth, and architectural debt.Votes: 0GitHub stars: 5
- Thinking ProtocolUse when Tribunal Agent Kit thinking and cognitive reasoning rules. Helps agents structure their thoughts and follow protocols.Votes: 0GitHub stars: 5
- To Spring Or Not To SpringUse when Audit and decide when to use physics-based spring animations (stiffness, damping, mass) vs duration-based cubic-bezier easing curves.Votes: 0GitHub stars: 5
- Transitions DevUse when Production-ready CSS transition patterns for web apps with drop-in snippets for cards, modals, dropdowns, panels, and accordions.Votes: 0GitHub stars: 5
- Trend ResearcherUse when Creative muse and design trend analyzer for modern web/mobile interfaces.Votes: 0GitHub stars: 5