Skills tagged "refactor" (451)

🎨 Use Store Not Props Best Practice

This skill analyzes components and rewrites them to fetch data directly from the store, reducing prop usage and enhancing maintainability.

frontendreactrefactorcode-review

🔍 Using Git Worktrees

This skill helps you start isolated feature work by creating git worktrees with safe paths, baseline checks, and clean status verification.

gitscriptingproductivitydevops

🔍 V2

This skill helps migrate better-result TaggedError classes from v1 to v2 by generating type-safe refactors and updated usage.

migrationrefactorcode-review

🎨 Vanilla Js Ui Race Conditions

This skill helps you diagnose and fix DOM race conditions and optimistic UI in vanilla JavaScript across Live2D and VRM components, improving reliability.

debuggingfrontendjavascriptperformance

🔍 Vb6 Interop

This skill helps you migrate VB6 patterns and COM interop to modern VB.NET, improving reliability and future maintenance.

migrationrefactorcode-reviewdebugging

🎨 Vercel Composition Patterns

This skill guides React developers in refactoring with composition patterns to reduce boolean props and build scalable, reusable component APIs.

reactfrontendrefactorcode-review

🎨 Verekia Architecture

This skill helps you architect R3F game projects by separating systems from views and guiding miniplex ECS usage for robust gameplay.

frontendperformancedebuggingrefactor

🎨 Visual Hierarchy Refactoring

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

designuxfrontendrefactor

🔍 Void

This skill questions every feature's necessity, quantifies maintenance cost, and proposes structural simplifications without writing code.

aicode-reviewrefactordesign

🧪 Vox Best Practice

This skill helps you rapidly design and refactor Korean voice agent prompts and integrate MCP tools for stable production.

airefactorintegration-testsdocs

🎨 Vsa Ui Enhancer

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

frontenddesignuxrefactor

🧪 Vue

This skill helps you develop Vue 3 components and composables by applying Composition API patterns, props/emits guidance, and VueUse integration.

frontendtestingdebuggingrefactor

🧪 Vue Best Practices

This skill helps you apply Vue.js best practices across projects, guiding composition API usage, SFC structure, and data flow for maintainable apps.

vuenuxtfrontendrefactor

🧪 Vue Best Practices

This skill helps you write and review Vue components with TypeScript by enforcing best practices, types extraction, and Volar-compatible checks.

frontendcode-reviewrefactordebugging

🧪 Vue Development Guides

This skill guides Vue.js developers in applying best practices from the Vue development guides to plan, refactor, and review Vue or Nuxt projects.

frontendrefactorcode-reviewtesting

🧪 Vue Pinia Best Practices

This skill helps you implement Pinia best practices and avoid common gotchas for scalable state management in Vue 3 applications.

frontenddebuggingrefactorcode-review

🎨 Vue Router Best Practices

This skill helps you implement Vue Router 4 best practices, guards, and lifecycle patterns for robust and maintainable navigation.

frontenddebuggingperformancerefactor

🔍 Vue2 Best Practices

This skill guides maintaining Vue 2 projects with standardized Options API, safer mixins, and prepared migration steps to Vue 3, improving stability.

vuemigrationrefactorcode-review

🧪 Vue3 Naiveui Fsd

This skill helps you build production-ready Vue 3 apps with Naive UI, FSD, TypeScript, and solid architecture for maintainable code.

frontendfullstackdesigntesting

🎨 Vueuse Functions

This skill guides selecting and implementing VueUse composables to build concise, maintainable Vue.js / Nuxt features with optimal performance.

frontendperformancerefactorcode-review

🎨 Weapon Trail

This skill helps you create a ribbon trail that follows weapon movement in React Three Fiber by using a ring buffer and gradient textures.

frontendperformancedebuggingrefactor

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxaccessibility

🧪 Web Components

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

frontendperformanceaccessibilitydebugging

🎨 Wechat Miniprogram Skill

This skill helps you optimize WeChat Mini Program native JS apps for performance, code size, and native compatibility.

performancedebuggingcode-reviewrefactor

🧪 Workthrough

This skill automatically generates comprehensive workthrough documentation after development tasks, detailing context, changes, and verification to streamline

docsrefactortesting

🔍 Write Agent Context Docs

This skill helps you create and refine AGENTS.md context files to maximize modularity, clarity, and future recall for coding agents.

docswritingrefactorproductivity

🧪 Writing Skills

This skill helps you author robust documentation by applying test-driven development principles to writing, ensuring tests drive skill creation and validation.

testingdocswritingrefactor

🧪 Yagni

This skill helps you resist feature bloat by enforcing YAGNI principles, guiding minimal viable implementations until requirements actually demand change.

backendapidevopsperformance

🔍 Zod 4

This skill helps you migrate to Zod 4 by outlining breaking changes and providing concise usage patterns for schemas, errors, and transformations.

typescriptjavascriptdebuggingrefactor

🎨 Zustand

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

frontendproductivityrefactordesign

🔧 Refactoring Expert

Improve code structure without changing behavior

refactorclean-codepatternssolid