pproenca/dot-skills
178 skills52.8k installs33.1k starsGitHub
Install
npx skills add https://github.com/pproenca/dot-skillsSkills in this repo
1ZodThe zod skill Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).. Zod Best Practices Comprehensive schema validation guide for Zod in TypeScript applications. Contains 43 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. When to Apply Reference these guidelines when: - Writing new Zod schemas - Choosing between parse() and safeParse() - Implementing type inference with z.infer - Handling validation errors for user feedback - Composing complex object schemas - Using refinements and transforms - Optimizing bundle size and validation performance - Reviewing Zod code for best practices Rule Categories by Priority | Priority |5kinstalls2React Hook FormThe react-hook-form skill from dot-skills is a 45-rule performance guide across eight categories for client-side controlled forms. Critical areas: form configuration (onSubmit mode, defaultValues, shouldUnregister), field subscription (watch vs useWatch vs subscribe API v7.55+), controlled component integration (MUI, shadcn, Ant Design), validation patterns, useFieldArray dynamic fields, submit lifecycle, and advanced patterns. Explicitly excludes React 19 Server Actions and useActionState (use react-19 skill). Not for TanStack Form nested schema cases or trivial uncontrolled FormData forms. Categories prefixed formcfg-, sub-, ctrl-, valid-, array-, formstate-, integ-, adv- by impact. Use when writing new RHF forms, reviewing performance issues, or integrating UI libraries with useController.2.2kinstalls3Emilkowal AnimationsComprehensive animation guide for web interfaces based on Emil Kowalski s teachings open source libraries Sonner Vaul and his animations dev https animations dev course Contains 58 rules across 8 categories prioritized by impact Reference these guidelines when Adding animations to React components Choosing easing curves or timing values Implementing gesture based interactions swipe drag Building toast notifications or drawer components Optimizing animation performance Ensuring animation accessibility Expressing any of the above with Tailwind CSS v4 utilities see the tw category Priority Category Impact Prefix 1 Easing Selection CRITICAL ease 2 Timing Duration CRITICAL timing 3 Property Selection HIGH props 4 Transform Techniques HIGH transform 5 Interaction Patterns MEDIUM HIGH interact 6 Strategic Animation MEDIUM strategy 7 Accessibility Polish MEDIUM polish 8 Tailwind v4 Utilities MEDIUM tw ease out default references ease out default md Use ease out as your default easing ease custom curves references ease custom curves md Use custom cubic bezier over built in CSS ease in out onscreen references ease in out onscreen md Use ease1.9kinstalls4Clean ArchitectureThe clean-architecture skill. Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture. Martin's "Clean Architecture: A Craftsman's Guide to Software Structure and Design." Contains 42 rules across 8 categories, prioritized by architectural impact. The workflow follows the source SKILL.md contract with progressive reference loading, clear trigger phrases, and practical steps developers can apply directly in agent sessions. The workflow follows the source SKILL.md contract with progressive reference loading, clear trigger phrases, and practical steps developers can apply directly in agent sessions. The workflow follows the source SKILL.md contract with progressive reference loading, clear trigger phrases, and practical steps developers can apply directly in agent sessions.1.8kinstalls5VitestThe vitest skill vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs. # Vitest Best Practices Comprehensive performance optimization and best practices guide for Vitest testing framework. Contains 44 rules across 8 categories, prioritized by impact to guide test writing, refactoring, and code review. ## When to Apply Reference these guidelines when: - Writing new Vitest tests - Debugging flaky or slow tests - Setting up test configuration - Reviewing test code in PRs - Migrating from Jest to Vitest - Optimizing CI/CD test performance ## Rule Categories by Priority | Priority | Category | Impact | Prefix | |----------|----------|--------|--------| | 1 | Async Patterns | CRITICAL | `async-` | | 2 | Test Setup & Isolation | CRITICAL | `setup-` | | 3 | Mocking Patterns | HIGH | `mock-` | | 4 | Performance | HIGH | `perf-` | | 5 | Snapshot Testing | MEDIUM | `snap-` | | 6 | Environment | MEDIUM | `env-` | |.1.6kinstalls6Code SimplifierThe code-simplifier skill code simplification skill for improving clarity consistency and maintainability while preserving exact behavior Use when simplifying code reducing complexity cleaning up recent changes applying refactoring patterns or improving readability Triggers on tasks involving code cleanup simplification refactoring or readability improvements Community Code Simplification Best Practices Comprehensive code simplification guide for AI agents and LLMs Contains 47 rules across 8 categories prioritized by impact from critical context discovery behavior preservation to incremental language idioms Each rule includes detailed explanations real-world examples comparing incorrect vs correct implementations and specific impact metrics Context First Understand project conventions before making any changes 2 Behavior Preservation Change how code is written never what it does 3 Scope Discipline Focus on recently modified code keep diffs small 4 Clarity Over Brevity Explicit readable code beats clever one-liners When to Apply Reference these guidelines when Simplifying or cleaning up recently modified code Reducing nesting complexity or duplication Improving naming and readabili.1.3kinstalls7NuqsThe nuqs skill nuqs type-safe URL query state best practices for Next js and other React frameworks This skill should be used when writing reviewing or refactoring code that uses nuqs for URL state management Triggers on tasks involving useQueryState useQueryStates search params URL state query parameters nuqs parsers limitUrlUpdates Standard Schema NuqsAdapter or Next js routing with state Community nuqs Best Practices for Next js React Comprehensive guide for type-safe URL query state management with nuqs across Next js React Router TanStack Router Remix and plain React Covers nuqs v2 5 v2 8 features Contains 46 rules across 8 categories prioritized by impact to guide code generation refactoring and code review When to Apply Reference these guidelines when Implementing URL-based state with nuqs Setting up nuqs in a Next js or React Router project Configuring parsers for URL parameters Integrating URL state with Server Components Optimizing URL update performance limitUrlUpdates key isolation Sharing parser definitions with tRPC TanStack Router forms via Standard Schema Debugging nuqs-related issues Rule Categories by1.2kinstalls8Expo React Native Performanceexpo-react-native-performance is version 0.1.0 of a dot-skills package optimized for AI agents working on Expo React Native codebases, published February 2026. It bundles 42 performance rules organized into 8 categories and prioritized by impact from critical fixes—app startup and list virtualization—to incremental platform optimizations. Each rule includes incorrect versus correct code examples and impact notes so agents consistently apply proven Expo patterns during generation or refactoring. Developers reach for expo-react-native-performance when React Native apps suffer slow cold starts, janky FlatList scrolling, or unnecessary re-renders and they want automated enforcement rather than ad-hoc performance advice.1.2kinstalls9TypescriptThe typescript skill typeScript performance tsconfig type errors async patterns triggered when the user asks to optimize TypeScript performance speed up tsc compilation configure tsconfig json fix type errors improve async patterns or encounters TS errors TS2322 TS2339 is not assignable to Also triggers on ts tsx d ts file work involving type definitions module organization or memory management Does NOT cover TypeScript basics framework-specific patterns or testing TypeScript Best Practices Comprehensive performance optimization guide for TypeScript applications Contains 45 rules across 8 categories prioritized by impact to guide automated refactoring and code generation When to Apply Reference these guidelines when Configuring tsconfig json for a new or existing project Writing complex type definitions or generics Optimizing async await patterns and data fetching Organizing modules and managing imports Reviewing code for compilation or runtime performance Rule Categories by Priority Priority Category Impact Prefix 1 Type System Performance CRITICAL type 2 Compiler Configuration CRITICAL tscfg 3 Async Patterns HIGH async 4 Module Organization HIGH module 5 Type Safety Patterns MED.1.1kinstalls10Framer Motionframer-motion is a community skill from pproenca/dot-skills that packages Framer Motion performance optimization guidance for React applications. The guide contains 42 rules across 9 categories, prioritized by impact to steer automated refactoring and code generation for motion components, gestures, layout transitions, scroll-linked effects, and SVG animations. Developers reach for framer-motion when adding animations, reviewing janky interactions, or reducing unnecessary React re-renders tied to motion state. The skill triggers on tasks involving Framer Motion APIs and is structured as a prioritized rule set rather than ad hoc tips. It suits SaaS dashboards and browser-extension UIs where smooth 60fps interactions and smaller JavaScript bundles directly affect user experience and Core Web Vitals.943installs11Wxt Browser Extensionswxt-browser-extensions is a dot-skills rule collection for the WXT browser extension framework. Each rule card includes an impact level (CRITICAL through LOW), quantified impact descriptions such as 2-10× improvements, tags, incorrect anti-pattern TypeScript snippets, and corrected implementations with guidance on when not to apply the pattern. Developers reach for wxt-browser-extensions when agents generate or review WXT extension code for Chrome, Firefox, or other targets and need performance-safe patterns around messaging, storage, content scripts, and build configuration. The skill prevents common extension pitfalls that cause data loss or runtime regressions during iterative agent-assisted development.883installs12Terminal Uiterminal-ui is a DevEx guide skill for TypeScript terminal user interfaces built with Ink (React for CLIs) and Clack prompts. It bundles 42 rules across 8 impact-prioritized categories to steer automated refactoring and code generation toward proven TUI patterns for CLI tools, interactive prompts, terminal rendering, and keyboard input handling. Developers reach for terminal-ui when building or reviewing developer tooling with TUI components and want consistent Ink and Clack conventions instead of ad hoc terminal UX. The skill triggers on tasks involving TUI components, CLI prompts, or developer-facing terminal experiences.693installs13Ui Designui-design is a UI/UX Frontend Design best-practices skill (version 0.1.0, January 2026) optimized for AI agents maintaining, generating, or refactoring codebases. It contains 42 rules across 8 categories, prioritized by impact from critical accessibility compliance and Core Web Vitals down to incremental animation performance, each with incorrect-vs-correct examples. Developers reach for ui-design when agents produce UI that fails accessibility, layout consistency, or performance standards during generation or code review. Humans can use it too, but the guidance is structured for automated consistency across frontend refactors and new component work.687installs14Clean Codeclean-code is a rule-based agent skill from pproenca/dot-skills that encodes Clean Code principles as structured guidance with impact ratings, anti-pattern examples, corrected alternatives, and explicit exception cases. Each rule follows a consistent template—title, impact level, incorrect code block, correct code block, and when-not-to-use notes—so an agent can audit or rewrite code against named maintainability standards rather than vague style preferences. Developers reach for clean-code when refactoring legacy modules, standardizing team conventions, or preparing diffs for human review where naming, function size, and clarity violations are common. The readme excerpt references Clean Code chapter citations and multi-language bad/good snippets, making the skill suitable for Java and other stacks without tying to one framework.681installs15React Refactorreact-refactor is a dot-skills guide (version 1.1.0, May 2026) containing 40 rules across 7 categories for React architectural refactoring. Categories cover component architecture, state architecture, hook patterns, component decomposition, coupling and cohesion, data and side effects, and refactoring safety, each with code smells, before/after transforms, and safe steps. Developers reach for react-refactor when prop drilling, unnecessary re-renders, or tangled component trees slow feature work. Critical rules include interface segregation for props, documented as preventing a large share of unnecessary re-renders when applied during structured refactors.656installs16Typescript Refactortypescript-refactor is a version 1.2.0 agent skill from pproenca/dot-skills that encodes 47 prioritized rules across 9 categories for TypeScript 6.0 and React 19 TSX. Each rule includes an explanation, a production-realistic example, and an authoritative reference, ordered from critical type architecture and narrowing to incremental quirks. It covers modern features such as satisfies, using, const type parameters, inferred type predicates, isolatedDeclarations, erasable syntax, and import attributes. Developers reach for typescript-refactor when an AI agent is refactoring components, tightening types, or migrating patterns without guessing at compiler-level best practices. The skill is designed for AI agents and LLMs acting as a TypeScript principal specialist during code modernization sessions.649installs17Shadcnshadcn is a dot-skills package that distills shadcn/ui community best practices for building and reviewing React components built on Radix primitives and Tailwind CSS. The guide organizes 58 rules across 10 categories prioritized by impact to steer automated refactors and code generation. It triggers on tasks involving React Hook Form validation, data tables, theming, component composition, and accessibility checks. Developers reach for shadcn when implementing new UI, refactoring legacy shadcn/ui code, or enforcing consistent patterns across design-system components.647installs18Chrome Extensionchrome-extension is a Chrome Developer Relations–authored agent skill (version 0.1.0, January 2026) that teaches LLMs how to generate, maintain, and refactor Chrome Manifest V3 extension codebases. The skill bundles 40+ prioritized performance rules across 8 categories—from critical service worker lifecycle and content script optimization to incremental API usage patterns—with explanations and real-world examples for each rule. Agents apply the guidance when scaffolding new extensions, auditing existing MV3 projects, or refactoring legacy Manifest V2 patterns. Developers reach for chrome-extension when AI-generated extension code drifts from Chrome best practices or when they need automated consistency across popup, background, and content-script layers without manually re-reading Chrome extension documentation.643installs19Chrome Extension Uichrome-extension-ui is a Manifest V3 UX/UI guide skill at version 0.1.0 from the Chrome Extensions Community, containing 42 rules across 8 categories prioritized from critical component selection and accessibility down to icons and branding. Agents follow incorrect-versus-correct examples when generating, refactoring, or reviewing popup, options page, and side-panel code for Chrome extensions. Developers reach for chrome-extension-ui when an extension must look credible, meet accessibility expectations, and avoid store rejection patterns during AI-assisted builds. The guidance is optimized for automated maintenance workflows while remaining useful for human reviewers auditing extension UI before publish.615installs20Shellshell is a Claude skill from dot-skills that encodes comprehensive bash and POSIX shell best practices for AI agents and human reviewers. It organizes 49 rules across 9 categories, prioritized from critical safety and portability concerns down to incremental style guidance, with ShellCheck-aligned guidance on quoting, `set -euo pipefail`, variables, and error handling. Developers reach for shell when writing or refactoring scripts in GitHub Actions, GitLab CI, Dockerfile RUN commands, Makefile targets, cron jobs, or systemd unit ExecStart lines. Each rule includes explanations and real-world examples so agents produce maintainable scripts instead of fragile one-liners. The skill triggers on bash, sh, POSIX, ShellCheck, and pipeline automation keywords.590installs21Mswmsw is a pproenca dot-skills guide at version 1.0.0 for mswjs Mock Service Worker v2, packing 45+ rules across 8 categories from critical setup and handler architecture through incremental debugging guidance. Each rule pairs incorrect versus correct examples with impact notes so agents scaffold browser and Node interceptors, REST and GraphQL handlers, and error paths consistently. Developers reach for msw when standing up API mocks for React or Vitest suites, refactoring legacy MSW v1 handlers, or stopping unhandled-request failures during CI component tests.578installs22Refactorrefactor is a pproenca/dot-skills agent skill ranked #22 on skills.sh with 465 installs that guides systematic code-quality improvements and technical-debt reduction through an agent. Instead of ad-hoc edits, the skill steers agents through consistent refactoring patterns—identifying smells, sequencing safe extractions, and preserving behavior while restructuring modules. Reach for refactor when legacy services accumulate duplication, naming drift, or oversized functions that block new features. The skill fits backend and full-stack repos where agents perform multi-file changes and need guardrails against breaking callers. Skip refactor when the change is a single-line fix, a greenfield scaffold with no debt, or when a dedicated graph-based rename tool already maps blast radius. refactor complements code-review and testing skills by focusing on structural improvement rather than feature delivery or security scanning.527installs23Tailwindtailwind is a curated Agent Skills package from pproenca/dot-skills that encodes Tailwind CSS v4 performance optimization and best-practice guidance for coding agents. The skill bundles 44 rules organized across 8 impact-prioritized categories, with AGENTS.md as the compiled reference and metadata.json for version tracking. Agents load it when tasks touch Tailwind configuration, the @theme directive, utility classes, responsive design, dark mode, container queries, or CSS output size. It steers code generation and refactors toward minimal generated CSS, correct v4 feature usage, and faster builds with Vite, PostCSS, or the Tailwind CLI. Developers reach for tailwind when shipping or reviewing Tailwind-heavy React, Next.js, or static sites and need consistent v4 conventions without re-reading upstream docs each session. Install via npx skills add pproenca/dot-skills --skill tailwind. Reference files include assets/templates/_template.md for extending rules and flags costly @apply overuse, redundant PostCSS plugins, and excessive theme variables during reviews.507installs24Expoexpo is a pproenca/dot-skills curated agent skill delivering Expo React Native performance optimization guidance across 42 rules in 8 impact-prioritized categories. Categories span launch time, bundle size, list virtualization, image loading, navigation, re-render prevention, animation performance, and memory management, each prefixed for retrieval such as launch-, bundle-, and list-. The skill triggers when writing, reviewing, or refactoring React Native components, navigation stacks, long feeds, image caches, animations, or release bundles. It recommends concrete patterns including Hermes, FlashList, expo-image, native stack navigation, memoization, and bundle analysis. Listed at 455 installs on skills.sh, expo helps agents apply critical startup and bundle rules before lower-impact micro-optimizations. Install with `npx skills add https://github.com/pproenca/dot-skills --skill expo`.493installs25PlaywrightPlaywright is an agent skill in pproenca/dot-skills described for Playwright-driven development tasks. It equips coding agents to write, run, and debug browser automation using Playwright selectors, page objects, and test runners when validating web UI behavior. Developers reach for it when they need agent assistance generating or fixing Playwright specs, tracing flaky interactions, or automating repeatable browser checks. The repository entry is minimal, so expect convention-following Playwright guidance rather than a large bundled script library.466installs26Tailwind Ui Refactortailwind-ui-refactor is a Claude Code agent skill from pproenca/dot-skills that systematizes Refactoring UI design principles into 52 prioritized rules across 9 categories for Tailwind CSS applications. Rules span design intent, visual hierarchy, layout and spacing, typography, color systems, depth, and polish details, using Tailwind CSS v4 syntax with v3 fallback notes. The skill follows a think-first approach: audit what elements communicate before applying spacing scales, typography classes, color swaps, and shadow adjustments. It targets existing component cleanup, new UI with consistent systems, accessibility contrast fixes, and code reviews focused on visual clarity. Three meta-layers—Empathy, Craft, and Taste—guide agents to reduce cognitive load and generate considered variants. Developers reach for tailwind-ui-refactor when HTML utility classes feel generic and need systematic hierarchy and spacing improvements grounded in proven design patterns.377installs27Reactreact is an agent skill in pproenca/dot-skills following the Agent Skills open format. It delivers a comprehensive React 19 and 19.2 performance guide with 41 rules organized across 8 impact-prioritized categories, from critical concurrent rendering and Server Component boundaries down to incremental component patterns. Coverage includes useTransition, useDeferredValue, Activity, streaming server data with use(), form actions, optimistic updates, React Compiler automatic memoization, and bundle-size reduction tactics. The skill explicitly excludes Next.js App Router, next.config.js, and Next.js caching—those belong to a separate nextjs-16-app-router skill in the same repo. Developers reach for react when building new React 19 components, refactoring hot re-render paths, or tuning server/client boundaries without rereading the full react.dev performance docs.372installs28Feature Specfeature-spec is an agent skill in the pproenca/dot-skills collection aimed at turning vague feature requests into development-ready specifications. The skill supports writing acceptance criteria, scope boundaries, and task breakdowns so engineering agents or teams can implement consistently. Developers reach for feature-spec at the start of a ticket or epic when requirements are underspecified and you need a concise spec artifact before touching code. Public metadata is minimal, but the skill name and repo placement indicate a planning helper for feature definition rather than code generation.370installs29Nextjsnextjs is a Claude Code skill entry in pproenca/dot-skills scoped to Next.js application development. The catalog describes it for general development tasks within the dot-skills pack, though the readme excerpt is empty in the current snapshot. Developers install it when they want Claude agents to follow project-specific Next.js guidance bundled alongside other dot-skills. Reach for nextjs when working in repositories that already adopt pproenca/dot-skills and need consistent Next.js patterns during feature work, routing changes, or app-router tasks.370installs30Tanstack Querytanstack-query is an agent skill from pproenca/dot-skills that distills 40 concrete performance rules across eight categories for TanStack Query v5, covering query key design, staleTime and gcTime caching, mutations, prefetch flows, infinite queries, optimistic updates, and render stability. The skill inspects useQuery and useMutation usage, queryClient invalidation, centralized key factories, and Suspense integration, mapping each recommendation to priority levels so developers apply highest-impact fixes first. Developers reach for tanstack-query when refactoring request waterfalls, reducing redundant refetches, tuning staleTime policies, or reviewing PRs with TanStack Query caching smells. tanstack-query explicitly does not generate query hooks from OpenAPI—that belongs to the orval skill—and does not cover MSW test mocking handled by test-msw. Install with npx add-skill pproenca/dot-skills --skill tanstack-query; skill metadata version 1.0.0. Use during React data-layer refactors when cache hit rate, invalidation precision, or mutation UX is the bottleneck.367installs31Tailwind Responsive Uitailwind-responsive-ui: A skill for development. This provides functionality for development workflows.352installs32Tddtdd is an Agent Skills workflow from pproenca/dot-skills for developers who want test-first feature work using the red-green-refactor loop instead of bolting on tests after code ships. The skill enforces vertical tracer bullets—one failing test, minimal passing code, repeat—and rejects horizontal slicing where all tests are written before any implementation. It bundles 5 reference guides on integration tests, system-boundary mocking, interface design, deep modules, and refactor candidates, with TypeScript examples that verify behavior through public APIs only. A 4-phase workflow covers planning with user approval, a tracer-bullet proof, incremental red-green cycles, and post-green refactoring guarded by a 5-item checklist per cycle. Developers reach for tdd when building features or fixing bugs where regressions matter, when they mention red-green-refactor or test-first development, or when agents need guardrails against implementation-coupled mocks.344installs33Debugdebug is a skill entry in pproenca/dot-skills with minimal published readme content and a short description pointing agents to use it for development debugging tasks. Without bundled scripts or detailed manifests in the catalog excerpt, the skill should be treated as a lightweight debugging workflow prompt rather than a language-specific debugger integration. Developers may invoke debug when an agent session needs a dedicated debugging mode for reproducing failures, narrowing root cause, and proposing fixes. Confidence is low until richer SKILL.md content confirms concrete commands, stack coverage, or bundled tooling.342installs34Feature Archfeature-arch: A skill for development. This provides functionality for development workflows.327installs35Humanizehumanize is an agent skill in the pproenca/dot-skills collection for editing AI-generated text so it reads naturally before developers publish documentation, blog posts, or release notes. The skill is triggered during development tasks where prose needs a human voice pass rather than leaving obvious LLM phrasing in shipped content. Developers reach for humanize when a draft README, changelog, technical blog, or user-facing copy sounds formulaic and needs rewriting while preserving meaning. The skill operates as a writing editor inside coding agents like Claude Code, Cursor, and Codex, scanning passages and rewriting flagged sections to improve readability. humanize fits the final polish step after code generation produces accompanying text artifacts that will be committed or published alongside software deliverables.327installs36Expo React Native Coderexpo-react-native-coder is a skill from the pproenca/dot-skills repository focused on Expo and React Native development workflows. It assists coding agents with mobile app tasks such as implementing screens, wiring navigation, applying Expo APIs, and following React Native component patterns during feature work. Developers reach for expo-react-native-coder when agent-assisted sessions need mobile-specific guidance instead of generic web React patterns. The skill fits active build phases where JavaScript or TypeScript mobile code must be produced, refactored, or debugged within an Expo-managed project structure.326installs37Zustandzustand is a development skill focused on assisting Zustand-related tasks in React applications. zustand is intended to help developers implement or refactor client state stores, connect selectors to components, and reason about state updates during UI development. zustand is typically used while building features that require shared client state across multiple components, such as filters, carts, editors, or dashboard settings. Developers reach for zustand when they want a lightweight store pattern and need help generating store structure, actions, and usage examples that match their existing codebase conventions and TypeScript types.323installs38Ts Googlets-google is a dot-skills agent skill (v1.1.6, January 2026) encoding Google's TypeScript style guide for AI-assisted writing, review, and refactoring. It organizes 45 rules across 8 categories—from CRITICAL module- and types- prefixes through class, function, control-flow, error-handling, naming, and literal conventions—with per-rule reference markdown files and an AGENTS.md compiled guide. Developers reach for ts-google when generating or reviewing .ts/.tsx files and need enforceable decisions on named exports, import type, no any, interfaces over type aliases, catch unknown, and triple-equals instead of generic lint opinions. Triggers include TypeScript files, type annotations, module imports, class design, and code style decisions.316installs39Ios Designios-design is a mobile design skill from pproenca/dot-skills for iOS application development tasks requiring Apple platform visual and interaction standards. It helps developers apply Human Interface Guidelines, choose appropriate SwiftUI or UIKit components, and resolve spacing, typography, navigation, and accessibility patterns common in native iOS apps. Teams reach for ios-design when implementing screens, refining tap targets, adapting layouts across iPhone and iPad sizes, or aligning feature UI with Apple's native look and feel during active mobile builds.308installs40React Optimisereact-optimise is a skill entry in the pproenca/dot-skills repository intended for React performance work, though its published description is minimal. From the name and repository context, it guides agents through React UI optimisation tasks such as reducing unnecessary re-renders, tightening component structure, and improving perceived load performance. Developers reach for react-optimise when a React codebase feels slow or bloated and they want agent-assisted refactors rather than manual profiling alone. Because the bundled readme is empty, treat triggers as React optimisation requests and validate recommendations against your profiler metrics.294installs41React Testing Libraryreact-testing-library is a Claude agent skill from pproenca/dot-skills that applies React Testing Library patterns to everyday frontend development tasks. The skill helps developers write component tests using query priorities, user-event simulation, async utilities like waitFor, and accessibility-oriented selectors instead of implementation details. Developers reach for react-testing-library when adding or fixing tests for React components, hooks, or forms and want guidance aligned with Testing Library best practices rather than Enzyme-style shallow rendering.294installs42Jscodeshiftjscodeshift is a developer skill for applying Meta's jscodeshift codemod toolkit to JavaScript and TypeScript codebases. The skill walks through parsing source into an AST with recast, navigating nodes via the jscodeshift collection API, and emitting transformed files from transform modules executed by the jscodeshift CLI. Developers reach for jscodeshift when grep-and-replace is unsafe—library migrations, API renames, import path updates, or pattern replacements across hundreds of files. The toolkit supports multiple parsers including babel, flow, ts, and tsx, and transform modules can be authored in TypeScript. Use it during build when a mechanical refactor must preserve formatting and run reproducibly across an entire repo.289installs43Rails Hotwirerails-hotwire is a dot-skills agent skill with 53 rules across 9 categories for Ruby on Rails Hotwire development. Categories span Turbo Drive navigation, Turbo Frames lazy loading, Turbo Streams DOM mutations, ActionCable broadcasting, Turbo 8 morphing, Stimulus controller patterns, performance optimization, architecture decisions, and Hotwire system tests. Developers reach for rails-hotwire when writing or reviewing turbo_frame_tag, turbo_stream_from, data-controller Stimulus code, broadcast refreshes, or choosing between Drive, Frames, Streams, and morphing in Rails 7+ SaaS applications.288installs44Knip Deadcodeknip-deadcode from pproenca/dot-skills is a comprehensive guide for detecting and removing dead code in JavaScript and TypeScript projects using Knip. It contains 43 rules across 8 priority categories: Configuration Foundations, Entry Point Strategy, Workspace and Monorepo, Dependency Analysis, Export Detection, CI Integration, Auto-Fix Workflow, and Performance Optimization. The skill triggers on knip.json setup, unused exports, unused dependencies, bundle optimization, and suspected false positives. It recommends concrete entry-point strategies, monorepo workspace handling, dependency tracing, CI gating patterns, and safe auto-fix workflows for single-repo and monorepo setups. Developers reach for knip-deadcode when adopting Knip for the first time, tuning knip.json, adding dead-code checks to CI, or investigating why Knip flags certain files. Install via npx add-skill pproenca/dot-skills --skill knip-deadcode.285installs45Uniwinduniwind is a pproenca/dot-skills agent skill codifying Uniwind best practices for React Native apps that use Tailwind-style className styling. The skill spans 45+ rules across Metro plugin setup, CSS entry files, TypeScript typings, @theme directives, withUniwind component wrappers, responsive breakpoints, dark-mode theming, and NativeWind migration paths. Developers reach for uniwind when tasks involve Uniwind, className styling, Tailwind in React Native, NativeWind migration, or theming in cross-platform mobile code. It prioritizes build-time configuration and theme architecture as critical, then recommends concrete fixes for platform variants, performance pitfalls like expensive style arrays, and third-party components lacking native className support.282installs46Ast Grepast-grep is a pproenca/dot-skills package (version 1.0.1) that codifies community best practices for writing, reviewing, and optimizing ast-grep YAML rules across large repositories. The skill walks developers from a natural-language query through example code, pattern or relational rule design, meta-variable constraints, and CLI test commands before deployment. It flags pitfalls such as missing stopBy:end on relational rules, improper meta reuse, and risky rewrite semantics. ast-grep triggers on tasks involving pattern syntax, kind/has/inside queries, all/any/not composition, and code transformation pipelines. Developers reach for ast-grep when ripgrep text search is too brittle to find language constructs like async functions missing error handling or calls with specific parameter shapes.272installs47Mui Basemui-base is a pproenca/dot-skills agent skill packaging MUI Base UI conventions for headless React component libraries, extracted from the official MUI Base UI codebase. It organizes 48 rules across five categories—Component Patterns, Naming Conventions, Organization, Error Handling, and Style—covering forwardRef with named functions, useControlled dual modes, context providers, useRenderElement DOM rendering, render props, className callbacks, and use client directives. Developers reach for mui-base when authoring unstyled primitives, compound components like Dialog or Tabs, or internal design-system building blocks that must stay accessible and theme-agnostic. The skill ships reference rule files, AGENTS.md compilation output, and pnpm validate scripts so agents apply consistent APIs instead of ad hoc prop shapes. It targets teams building reusable UI kits where consumers own styling while the library owns behavior, keyboard handling, and ARIA semantics.271installs48Codemodcodemod is an agent skill from pproenca/dot-skills that distills best practices for writing, reviewing, and debugging automated code transformations with Codemod, JSSG, ast-grep, and YAML-driven workflows. It packages 48 prioritized rules across 11 categories spanning AST understanding, pattern efficiency, parsing strategy, node traversal, semantic analysis, edit operations, workflow design, testing, state management, security, and package structure. Developers reach for codemod when authoring new migrations, debugging pattern matching failures, designing CI bulk-refactor pipelines, or auditing transforms for idempotency and cross-file semantic safety. The skill acts as a checklist emphasizing parser selection, batched edits, resumable workflow state, and test fixtures before running transformations on production repositories.268installs49Vitevite is a pproenca dot-skills agent skill for Vite, the frontend build tool that provides instant dev-server hot module replacement and optimized production bundling for modern JavaScript frameworks. The catalog entry describes using vite for development tasks, routing agent sessions toward Vite CLI commands like vite dev, vite build, and vite preview alongside config edits in vite.config.ts. Developers reach for the vite skill when scaffolding SPA tooling, debugging HMR issues, tuning build targets, or configuring Vite plugins for React, Vue, or Svelte projects. Because Vite spans local development through production builds, the skill can surface across multiple build-phase moments even though most invocations target frontend configuration. The skill is a lightweight agent prompt wrapper rather than a standalone npm package, so sessions should already have a Vite project or init context before invoking it.268installs50Skill Authoringskill-authoring is a meta skill in pproenca/dot-skills for creating new agent skills during development. The repository registers it as a first-class skill, but public README content is not included in the catalog excerpt, so detailed workflow steps must be inferred from the name and repo purpose. Developers reach for skill-authoring when adding capabilities to dot-skills or similar skill collections—defining descriptions, invoke triggers, allowed tools, and markdown instructions agents follow. Confidence is moderate because source documentation is thin beyond the skill slug. It complements skill finders and domain skills by focusing on authoring the skill artifact itself.266installs51Orvalorval is an agent skill from pproenca/dot-skills that encodes Orval OpenAPI TypeScript client generation best practices. It contains 42 rules across 8 categories covering spec quality, orval.config.ts architecture, output organization, custom mutators, query library integration, type generation, and MSW mock handlers. Developers reach for orval when configuring a new project's API layer, generating clients from OpenAPI specs in CI, integrating React Query or SWR hooks, or building MSW mocks for tests. The skill recommends patterns for auth mutators, retry and error handling, AbortSignal passing, and consistent orval.config.ts structure. Triggers include orval.config.ts, OpenAPI codegen, API client setup, and mock generation tasks inside AI coding assistants.262installs52Dockerfile Optimisedockerfile-optimise: A skill for development. This provides functionality for development workflows.259installs53Ios Animationsios-animations: A skill for development. This provides functionality for development workflows.259installs54Pythonpython: A skill for development. This provides functionality for development workflows.259installs55Vhsvhs is a pproenca dot-skills agent wrapper for Charmbracelet VHS, the terminal home video recorder that writes terminal GIFs as code for integration testing and CLI demos. VHS executes declarative .tape files with commands like Output, Set Width, Type, Sleep, and Enter to produce GIF, MP4, or WebM files without manual screen recording. Common workflows include vhs new demo.tape to scaffold a tape, vhs demo.tape to render output, vhs validate demo.tape to catch syntax errors, vhs record to capture live sessions into a tape, and vhs publish to share on vhs.charm.sh. Developers reach for the vhs skill when README documentation needs reproducible terminal animations, CI-generated demo assets, or integration tests that replay scripted shell sessions. The skill targets development tasks around terminal recording rather than application runtime debugging.257installs56Unix Cliunix-cli: A skill for development. This provides functionality for development workflows.255installs57Js Googlejs-google: A skill for development. This provides functionality for development workflows.254installs58Pulumipulumi: A skill for development. This provides functionality for development workflows.252installs59Rust Refactorrust-refactor: A skill for development. This provides functionality for development workflows.251installs60Tailwind Refactortailwind-refactor: A skill for development. This provides functionality for development workflows.247installs6112 Factor App12-factor-app: A skill for development. This provides functionality for development workflows.246installs6237signals Rails37signals-rails: A skill for development. This provides functionality for development workflows.246installs63Audio Voice Recoveryaudio-voice-recovery: A skill for development. This provides functionality for development workflows.244installs64Nginx C Module Designnginx-c-module-design: A skill for development. This provides functionality for development workflows.243installs65Nginx C Modulesnginx-c-modules: A skill for development. This provides functionality for development workflows.238installs66Restful Hateoasrestful-hateoas: A skill for development. This provides functionality for development workflows.236installs67Ios Design Systemios-design-system: A skill for development. This provides functionality for development workflows.235installs68Harness Engineeringharness-engineering: A skill for development. This provides functionality for development workflows.234installs69Thinkthink: A skill for development. This provides functionality for development workflows.234installs70Ios Xcodeios-xcode: A skill for development. This provides functionality for development workflows.233installs71Ruby Refactorruby-refactor: A skill for development. This provides functionality for development workflows.230installs72Rails Devrails-dev: A skill for development. This provides functionality for development workflows.225installs73Rails Testingrails-testing: A skill for development. This provides functionality for development workflows.224installs74Ios Higios-hig: A skill for development. This provides functionality for development workflows.223installs75Ruby Optimiseruby-optimise: A skill for development. This provides functionality for development workflows.220installs76Swift Optimiseswift-optimise: A skill for development. This provides functionality for development workflows.214installs77Ios Ui Refactorios-ui-refactor: A skill for development. This provides functionality for development workflows.213installs78Swift Refactorswift-refactor: A skill for development. This provides functionality for development workflows.213installs79Ios Testingios-testing: A skill for development. This provides functionality for development workflows.211installs80Rails Design Systemrails-design-system: A skill for development. This provides functionality for development workflows.208installs81Ios Storyboardios-storyboard: A skill for development. This provides functionality for development workflows.207installs82Swift Dataswift-data: A skill for development. This provides functionality for development workflows.207installs83Swift Ui Architectswift-ui-architect: A skill for development. This provides functionality for development workflows.205installs84Dev Rfcdev-rfc: A skill for development. This provides functionality for development workflows.201installs85Ios Navigationios-navigation: A skill for development. This provides functionality for development workflows.201installs86Nginx C Module Perfnginx-c-module-perf: A skill for development. This provides functionality for development workflows.199installs87Ios Chaos Monkeyios-chaos-monkey: A skill for development. This provides functionality for development workflows.198installs88React Native Elementsreact-native-elements: A skill for development. This provides functionality for development workflows.196installs89Rails Application Ui Blocksrails-application-ui-blocks: A skill for development. This provides functionality for development workflows.194installs90Nginx C Module Debugnginx-c-module-debug: A skill for development. This provides functionality for development workflows.192installs91Bug Reviewbug-review: A skill for development. This provides functionality for development workflows.187installs92Effect Tseffect-ts: A skill for development. This provides functionality for development workflows.187installs93Ios Tasteios-taste: A skill for development. This provides functionality for development workflows.187installs94Rust Implementrust-implement: A skill for development. This provides functionality for development workflows.182installs95Rust Write Testsrust-write-tests: A skill for development. This provides functionality for development workflows.181installs96App Plannerapp-planner: A skill for development. This provides functionality for development workflows.175installs97Domain Architectdomain-architect: A skill for development. This provides functionality for development workflows.175installs98Opencode Tsopencode-ts: A skill for development. This provides functionality for development workflows.175installs99Exec Planexec-plan: A skill for development. This provides functionality for development workflows.173installs100Graph Schemagraph-schema: A skill for development. This provides functionality for development workflows.172installs101Threat Modelthreat-model: A skill for development. This provides functionality for development workflows.172installs102Threat Patchthreat-patch: A skill for development. This provides functionality for development workflows.165installs103Eval Mcpeval-mcp: A skill for development. This provides functionality for development workflows.162installs104Cli For Agentscli-for-agents: A skill for development. This provides functionality for development workflows.161installs105Diagram Qualitydiagram-quality: A skill for development. This provides functionality for development workflows.157installs106Cli Review Runnercli-review-runner: A skill for development. This provides functionality for development workflows.150installs107Openai Codex Rust Patternsopenai-codex-rust-patterns: A skill for development. This provides functionality for development workflows.141installs108Marketplace Personalisationmarketplace-personalisation: A skill for development. This provides functionality for development workflows.140installs109Marketplace Recsys Feature Engineeringmarketplace-recsys-feature-engineering: A skill for development. This provides functionality for development workflows.139installs110Marketplace Search Recsys Planningmarketplace-search-recsys-planning: A skill for development. This provides functionality for development workflows.137installs111Marketplace Pre Member Personalisationmarketplace-pre-member-personalisation: A skill for development. This provides functionality for development workflows.136installs112Clean Code Ts Reactclean-code-ts-react is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.104installs113Drizzle Sqlitedrizzle-sqlite is a Claude Code skill for databases. It helps solo builders move faster with AI-assisted coding.94installs114React 19 Component Scaffolderreact-19-component-scaffolder is a Claude Code skill in the Frontend Development category.94installs115Computer Science Algorithmscomputer-science-algorithms is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.92installs116Human Copywritehuman-copywrite is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.88installs117Typescript Advanced Patternstypescript-advanced-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.85installs118Web Tasteweb-taste is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.85installs119Codex Goalscodex-goals is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.82installs120Better Authbetter-auth is a Claude Code skill for security. It helps solo builders move faster with AI-assisted coding.81installs121React Fetch Cache Patternsreact-fetch-cache-patterns is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.81installs122Nextjs Bundle Optimizernextjs-bundle-optimizer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.80installs123Web Rulesweb-rules is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.79installs124Drizzle Sqlite Scaffolddrizzle-sqlite-scaffold is a Claude Code skill for databases. It helps solo builders move faster with AI-assisted coding.78installs125Algorithmic Complexity Reviewalgorithmic-complexity-review is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.77installs126Base Ui Migratorbase-ui-migrator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.77installs127Better Auth Scaffoldbetter-auth-scaffold is a Claude Code skill for security. It helps solo builders move faster with AI-assisted coding.76installs128React Hook Form Auditreact-hook-form-audit is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.76installs129Codebase Comprehension Algorithmscodebase-comprehension-algorithms is a Claude Code skill in the AI & Agent Building category.75installs130Design Reviewdesign-review is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.75installs131Nuqs Scaffoldernuqs-scaffolder is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.75installs132Implementation Design Patternsimplementation-design-patterns is a Claude Code skill in the AI & Agent Building category.74installs133Acceptance Pipeline Catalogacceptance-pipeline-catalog is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.73installs134Dx Harnessdx-harness is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.73installs135Inngest Nextjs Patternsinngest-nextjs-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.73installs136Nuqs Codemod Runnernuqs-codemod-runner is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.73installs137Acceptance Pipeline Feature Designacceptance-pipeline-feature-design is a Claude Code skill in the AI & Agent Building category.72installs138Migrate Js To Modern Typescriptmigrate-js-to-modern-typescript is a Claude Code skill in the AI & Agent Building category.72installs139Expo Design Systemexpo-design-system is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.71installs140Same Results Less Codesame-results-less-code is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.71installs141Expo Ios Higexpo-ios-hig is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.70installs142Storybookstorybook is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.70installs143Design To React Algorithmsdesign-to-react-algorithms is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.69installs144Code Map Visualizationcode-map-visualization is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.68installs145Deterministic Metric Designdeterministic-metric-design is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.67installs146Codemod React Pipelinecodemod-react-pipeline is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.66installs147Django Recommender Search Backend Patternsdjango-recommender-search-backend-patterns is a Claude Code skill in the Backend & APIs category.66installs148Expo Uiexpo-ui is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.66installs149Implementation Design Patterns Pythonimplementation-design-patterns-python is a Claude Code skill for python. It helps solo builders move faster with AI-assisted coding.65installs150Radical Simplificationradical-simplification is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.65installs151Webpack Plugin Authoringwebpack-plugin-authoring is a Claude Code skill for security. It helps solo builders move faster with AI-assisted coding.65installs152Webpack Plugin Recipeswebpack-plugin-recipes is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.65installs153Linguistic Semantic Algorithmslinguistic-semantic-algorithms is a Claude Code skill in the AI & Agent Building category.64installs154Nextjs Ppr Patternsnextjs-ppr-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.64installs155Stripe Inspired Api Design Rulesstripe-inspired-api-design-rules is a Claude Code skill in the AI & Agent Building category.64installs156Chat Apps Ui Sdkchat-apps-ui-sdk is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.63installs157Expo Design System Scaffolderexpo-design-system-scaffolder is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.63installs158Expo Ios Hig Verifyexpo-ios-hig-verify is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.63installs159Fog Of War Js Tsfog-of-war-js-ts is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.63installs160Geohash Spatial Code Mapsgeohash-spatial-code-maps is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.63installs161Opensearch Function Scoring Algorithmsopensearch-function-scoring-algorithms is a Claude Code skill in the AI & Agent Building category.63installs162Diataxisdiataxis is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.62installs163Expo Ios Screen Scaffolderexpo-ios-screen-scaffolder is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.62installs164Implementation Functional Patternsimplementation-functional-patterns is a Claude Code skill in the AI & Agent Building category.62installs165Opensearch Personalize Caching Strategiesopensearch-personalize-caching-strategies is a Claude Code skill in the AI & Agent Building category.62installs166Python Pep Authorpython-pep-author is a Claude Code skill for security. It helps solo builders move faster with AI-assisted coding.62installs167Theory Of Constraintstheory-of-constraints is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.62installs168Docs Searchdocs-search is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.61installs169Io Bound Data Processingio-bound-data-processing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.61installs170Opinionated Nextjs Patternsopinionated-nextjs-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.59installs171Code Distillcode-distill is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.58installs172Metric Validation Harnessmetric-validation-harness is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.58installs173Pt Irs Runbookpt-irs-runbook is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.58installs174Library Reference Distillationlibrary-reference-distillation is a Claude Code skill in the AI & Agent Building category.53installs175Go Process Cligo-process-cli is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.49installs176Write Design Docswrite-design-docs is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.36installs177Build Mcp Serverbuild-mcp-server is a Claude Code skill for ai & agent building. It helps you ship faster with AI-assisted development.1installs178Complexity OptimizerRuns an AST/regex scanner plus manual inspection to rank performance hotspots by impact, then proposes or implements optimizations only after tests confirm behavior is preserved. A developer uses it to audit a repo for O(n^2) patterns or reduce complexity without breaking outputs.1installs