pproenca/dot-skills▌
34 approved skills in this repository
framer-motion
Productivity
Comprehensive performance optimization guide for Framer Motion animations in React applications. Contains 42 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.
emilkowal-animations
Video
Animation best practices across easing, timing, properties, transforms, interactions, and accessibility for web interfaces. \n \n 43 rules organized by priority across 7 categories, from critical easing and timing decisions to medium-priority accessibility and polish \n Covers easing curves (ease-out default, custom cubic-bezier, spring animations), timing windows (300ms max for UI, 500ms for drawers), and property selection (transform and opacity only) \n Includes interaction patterns for gestu
tailwind
Frontend
Comprehensive performance optimization guide for Tailwind CSS v4 applications. Contains 44 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
react-hook-form
Frontend
41 performance optimization rules for React Hook Form across form configuration, field subscription, validation, and component integration. \n \n Organized into 8 priority-ranked categories (form configuration and field subscription marked CRITICAL) with prefixed rule identifiers for automated refactoring and code generation \n Covers useForm setup, watch/useWatch patterns, useController isolation, validation resolver caching, useFieldArray best practices, and formState subscriptions \n Includes
refactor
Productivity
Comprehensive code refactoring guide based on Martin Fowler's catalog and Clean Code principles, designed for AI agents and LLMs. Contains 43 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
clean-code
Productivity
Comprehensive software craftsmanship guide based on Robert C. Martin's "Clean Code: A Handbook of Agile Software Craftsmanship", updated with modern corrections where the original 2008 advice has been superseded. Contains 48 rules across 10 categories, prioritized by impact to guide code reviews, refactoring decisions, and new development. Examples are primarily in Java but principles are language-agnostic.
terminal-ui
Frontend
Comprehensive developer experience guide for building TypeScript terminal user interfaces using Ink (React for CLIs) and Clack prompts. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
expo-react-native-performance
Frontend
Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
wxt-browser-extensions
Productivity
Comprehensive performance optimization guide for WXT browser extension development. Contains 49 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Updated for WXT v0.20+.
nuqs
Productivity
Type-safe URL query state management for Next.js with 42 prioritized best practices across parser configuration, setup, and server integration. \n \n Covers critical parser configuration (typed parsers, defaults, enums, arrays, JSON, dates) and adapter setup (NuqsAdapter, 'use client' directives, Next.js version compatibility) \n Includes high-impact state management patterns using useQueryStates, functional updates, null clearing, and controlled inputs \n Provides server integration guidance fo
shell
Productivity
Comprehensive best practices guide for shell scripting, designed for AI agents and LLMs. Contains 49 rules across 9 categories, prioritized by impact from critical (safety, portability) to incremental (style). Each rule includes detailed explanations, real-world examples comparing incorrect vs. correct implementations, and specific impact metrics.
vitest
Testing
44 Vitest best practices rules organized by priority, covering async patterns, test setup, mocking, performance, snapshots, and assertions. \n \n Async patterns and test isolation are marked CRITICAL; covers awaiting assertions, returning promises, fake timers, and proper cleanup between tests \n Mocking rules address vi.mock hoisting, spyOn vs mock selection, implementation patterns, and type safety \n Performance optimization includes pool selection, test isolation toggling, happy-dom preferen
chrome-extension
Productivity
Comprehensive performance and code quality guide for Chrome Extensions (Manifest V3). Contains 67 rules across 12 categories, prioritized by impact to guide automated refactoring and code generation.
tailwind-ui-refactor
Frontend
Comprehensive UI refactoring guide based on Refactoring UI by Adam Wathan & Steve Schoger, implemented with Tailwind CSS utility classes. Contains 52 rules across 9 categories, prioritized by design impact to guide automated refactoring and code generation. Uses Tailwind CSS v4 syntax (v3 notes provided where syntax differs).
framer-motion-best-practices
Productivity
Comprehensive performance optimization guide for Framer Motion animations in React applications. Contains 42 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.
nextjs
Frontend
Comprehensive performance optimization guide for Next.js 16 App Router applications, maintained by the Next.js Community. Contains 40 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
code-simplifier
Productivity
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.
clean-architecture
Productivity
42 Clean Architecture rules organized by priority for designing maintainable, testable software systems. \n \n Covers 8 rule categories from dependency direction and entity design (critical) through testing architecture (low-medium), each with specific guidance and code examples \n Dependency rules enforce inward-pointing dependencies, interface ownership, and acyclic component graphs to prevent architectural decay \n Entity and use case rules isolate business logic from frameworks, persistence,
ui-design
Frontend
Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.
shadcn
Productivity
58 community-maintained best practices for shadcn/ui component development, organized by priority and impact. \n \n Covers 10 rule categories spanning CLI setup, component architecture, accessibility, styling, forms, data display, layout, composition, performance, and state management \n Each rule includes specific guidance on Radix primitives, Tailwind styling, React Hook Form integration, and accessibility compliance \n Prioritized by impact: CRITICAL rules for setup and architecture, HIGH for
feature-arch
Productivity
Comprehensive architecture guide for organizing React applications by features, enabling scalable development with independent teams. Contains 42 rules across 8 categories, prioritized by impact from critical (directory structure, imports) to incremental (naming conventions).
ts-google
Backend
Comprehensive TypeScript style guide based on Google's internal standards, designed for AI agents and LLMs. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
humanize
Productivity
You are a writing editor that identifies and removes signs of AI-generated text to make writing sound more natural and human. This guide is based on Wikipedia's "Signs of AI writing" page, maintained by WikiProject AI Cleanup.
debug
Productivity
Comprehensive debugging methodology guide for software engineers, containing 54 rules across 10 categories prioritized by impact. Based on research from Andreas Zeller's "Why Programs Fail" and academic debugging curricula.
tdd
Productivity
Comprehensive guide to Test-Driven Development practices, designed for AI agents and LLMs. Contains 42 rules across 8 categories, prioritized by impact to guide test writing, refactoring, and code generation.
feature-spec
Productivity
Comprehensive feature specification and planning guide for software engineers, product managers, and technical leads. Contains 42 rules across 8 categories, prioritized by impact to prevent scope creep and ensure project success.
react
Frontend
Comprehensive performance optimization guide for React 19/19.2 applications. Contains 41 rules across 8 categories, prioritized by impact from critical (concurrent rendering, server components) to incremental (component patterns).
tanstack-query
Productivity
Comprehensive performance optimization guide for TanStack Query v5 applications. Contains 40 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
msw
Productivity
Comprehensive API mocking guide for MSW v2 applications, designed for AI agents and LLMs. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
playwright
Testing
Comprehensive testing optimization guide for Playwright with Next.js applications. Contains 43 rules across 8 categories, prioritized by impact to guide reliable, fast, and maintainable E2E tests.
expo
Productivity
Comprehensive performance optimization guide for Expo React Native applications. Contains 54 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.
chrome-extension-ui
Frontend
Comprehensive UX/UI design guide for Chrome Extensions, optimized for Manifest V3. Contains 42 rules across 8 categories, prioritized by impact to guide extension UI development and code review.
typescript
Backend
45 TypeScript optimization rules across type system, compiler config, async patterns, and module organization. \n \n Covers 8 priority-ranked categories from type system performance and compiler configuration (CRITICAL impact) down to advanced patterns, with quantified performance gains (30-90% faster builds, 2-5× type resolution improvements) \n Includes explicit rules for tsconfig.json optimization, async/await patterns, module organization, and type safety with measurable outcomes (e.g., \"50
zod
Productivity
Schema validation best practices for TypeScript with 43 prioritized rules across type safety, parsing, and error handling. \n \n Covers 8 rule categories from schema definition and parsing (CRITICAL) through type inference, error handling, and performance (LOW-MEDIUM) \n Distinguishes safeParse() for user input, parseAsync() for async refinements, and parse() for trusted data; emphasizes validation at system boundaries \n Provides guidance on z.infer for type inference, z.unknown() over z.any(),