dvasyliev/ai-dev-tools-getting-started

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Comprehensive checklist for conducting thorough code reviews covering functionality, security, performance, and maintainability.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7 styling, TanStack Router...

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Analyze the project and existing tests, then describe 2–3 main user flows to manually test with clear steps.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

React 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...

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Upgrade 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...

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

A five-question method for tracing a problem from its visible symptom back to its underlying cause. It is used for structured debugging and root-cause analysis.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Provides 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…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Guided 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.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Reviews 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…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Execute 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…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Create 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…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Surgical 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.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

This 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…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Write 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.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Find common code smells and suggest small fixes without changing behavior.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Error Message Style Guide for Validation Errors.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Create 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).…

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Generate 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.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Instructions for refactoring JavaScript code into separate files.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Fetch 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").

dvasyliev/ai-dev-tools-getting-started

Skill Claude CodeCodex

Latest React and Next.js features for past 1.5 years (mid-2024 to 2026).