dvasyliev
- 28 skills
- 0 followers
- 4 hours ago last updated
- ▌ Frontend Testing 2 · dvasylievImplement comprehensive frontend testing using Jest, Vitest, React Testing Library, and Cypress. Use when building robust test suites for UI and integration tests.
- ▌ Refactor · dvasylievSurgical code refactoring to improve maintainability without changing behavior. Covers extracting functions, renaming variables, breaking down god functions, improving type safety, eliminating code smells, and applying design patterns. Less drastic than repo-rebuilder; use for gradual improvements.
- ▌ Context7 · dvasylievFetch up-to-date library documentation using Context7 API. Use this skill when the user asks for docs, examples, or help with a specific library/framework (e.g., "look up React docs", "context7 nextjs routing", "fetch docs for fastapi").
- ▌ Git Commit · dvasylievExecute git commit with conventional commit message analysis, intelligent staging, and message generation. Use when user asks to commit changes, create a git commit, or mentions "/commit". Supports: (1) Auto-detecting type and scope from changes, (2) Generating conventional commit messages from diff, (3) Interactive commit with optional type/scope/description overrides, (4) Intelligent file staging for logical grouping
- ▌ Code Review · dvasylievPerform a structured code review of the user’s changes, focusing on correctness, readability, maintainability, and risks, with concise actionable feedback.
- ▌ React Doctor · dvasylievRun after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
- ▌
- ▌ Webapp Testing · dvasyliev bundleToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
- ▌ Frontend Design · dvasyliev bundleCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
- ▌
- ▌ Code Review Excellence · dvasyliev bundleProvides comprehensive code review guidance for React 19, Vue 3, Rust, TypeScript, Java, Python, and C/C++. Helps catch bugs, improve code quality, and give constructive feedback. Use when: reviewing pull requests, conducting PR reviews, code review, reviewing code changes, establishing review standards, mentoring developers, architecture reviews, security audits, checking code quality, finding bugs, giving feedback on code.
- ▌ Frontend Testing · dvasyliev bundleGenerate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
- ▌ 5 Whys Root Cause Analysis · dvasyliev bundleThis skill should be used when the user asks to "find the root cause", "找根因", "为什么会出现这个问题", "why did this happen", "debug this issue", "排查问题", "analyze this bug", "分析这个bug", "what's causing this", "问题出在哪", "dig deeper", "深挖原因", or needs to systematically trace a problem back to its fundamental cause rather than just addressing symptoms.
- ▌ Git Workflow · dvasylievGuided Git workflow assistant. Helps with branching strategies, writing conventional commits, opening pull requests, resolving merge conflicts, and keeping history clean. TRIGGER when the user writes /git-workflow or asks for help with Git, branches, commits, PRs, or merge conflicts.
- ▌ Detect Code Smells · dvasylievFind common code smells and suggest small fixes without changing behavior.
- ▌ Skill Reviewer · dvasyliev bundleReviews and improves Claude Code skills against official best practices. Supports three modes - self-review (validate your own skills), external review (evaluate others' skills), and auto-PR (fork, improve, submit). Use when checking skill quality, reviewing skill repositories, or contributing improvements to open-source skills.
- ▌ React Performance · dvasylievPerformance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance issues.
- ▌ Make Skill Template · dvasylievCreate new Agent Skills for GitHub Copilot from prompts or by duplicating this template. Use when asked to "create a skill", "make a new skill", "scaffold a skill", or when building specialized AI capabilities with bundled resources. Generates SKILL.md files with proper frontmatter, directory structure, and optional scripts/references/assets folders.
- ▌ Web Design Reviewer · dvasylievThis skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.
- ▌
- ▌ React Modernization · dvasyliev bundleUpgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to...
- ▌ Manual Testing Flows · dvasylievAnalyze the project and existing tests, then describe 2–3 main user flows to manually test with clear steps.
- ▌ React Best Practices · dvasyliev bundleReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance pat...
- ▌ Code Review Checklist · dvasylievComprehensive checklist for conducting thorough code reviews covering functionality, security, performance, and maintainability
- ▌ React Hooks For Beginners · dvasylievAlways use this skill whenever the user asks about React hooks (useState, useEffect, useMemo, useCallback, useRef, custom hooks, Rules of Hooks, others). Prefer it over general knowledge.
- ▌ Frontend Dev Guidelines · dvasyliev bundleOpinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7 styling, TanStack Router...
- ▌ Web Performance Optimization · dvasylievOptimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
- ▌ Write Coding Standards From File · dvasylievWrite a coding standards document for a project using the coding styles from the file(s) and/or folder(s) passed as arguments in the prompt.