ai-dev-tools-getting-started

In the author's own words, from each skill's SKILL.md.

• code-review-checklist

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

  antigravity/skills/code-review-checklist/SKILL.md on GitHub (opens in a new tab)

• frontend-dev-guidelines

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

  antigravity/skills/frontend-dev-guidelines/SKILL.md on GitHub (opens in a new tab)

• manual-testing-flows

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

  antigravity/skills/manual-testing-flows/SKILL.md on GitHub (opens in a new tab)

• react-best-practices

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

  antigravity/skills/react-best-practices/SKILL.md on GitHub (opens in a new tab)

• react-modernization

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

  antigravity/skills/react-modernization/SKILL.md on GitHub (opens in a new tab)

• web-performance-optimization

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

  antigravity/skills/web-performance-optimization/SKILL.md on GitHub (opens in a new tab)

• 5-Whys Root Cause Analysis

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

  claude-code/skills/5-whys-skill/SKILL.md on GitHub (opens in a new tab)

• code-review-excellence

  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 developers, architecture reviews, security audits, checking code quality, finding b…

  claude-code/skills/code-review/SKILL.md on GitHub (opens in a new tab)

• git-workflow

  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.

  claude-code/skills/git-workflow/SKILL.md on GitHub (opens in a new tab)

• skill-reviewer

  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 open-source skills.

  claude-code/skills/skill-reviewer/SKILL.md on GitHub (opens in a new tab)

• code-review

  Perform a structured code review of the user’s changes, focusing on correctness, readability, maintainability, and risks, with concise actionable feedback.

  copilot/skills/code-review/SKILL.md on GitHub (opens in a new tab)

• git-commit

  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 commit with optional type/scope/description overrides, (4) Intelligent file stagi…

  copilot/skills/git-commit/SKILL.md on GitHub (opens in a new tab)

• make-skill-template

  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 scripts/references/assets folders.

  copilot/skills/make-skill-template/SKILL.md on GitHub (opens in a new tab)

• refactor

  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.

  copilot/skills/refactor/SKILL.md on GitHub (opens in a new tab)

• web-design-reviewer

  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, then performs fixes at the source code level.

  copilot/skills/web-design-reviewer/SKILL.md on GitHub (opens in a new tab)

• webapp-testing

  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.

  copilot/skills/webapp-testing/SKILL.md on GitHub (opens in a new tab)

• write-coding-standards-from-file

  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.

  copilot/skills/write-coding-standards-from-file/SKILL.md on GitHub (opens in a new tab)

• detect-code-smells

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

  cursor/skills/detect-code-smells/SKILL.md on GitHub (opens in a new tab)

• error-messages

  Error Message Style Guide for Validation Errors

  cursor/skills/error-messages/SKILL.md on GitHub (opens in a new tab)

• frontend-design

  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). Generates creative, polished code and UI design that avoids generic AI aesthetics.

  cursor/skills/frontend-design/SKILL.md on GitHub (opens in a new tab)

• frontend-testing

  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.

  cursor/skills/frontend-testing/SKILL.md on GitHub (opens in a new tab)

• javascript-refactoring

  Instructions for refactoring JavaScript code into separate files

  cursor/skills/javascript-refactoring/SKILL.md on GitHub (opens in a new tab)

• react-doctor

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

  cursor/skills/react-doctor/SKILL.md on GitHub (opens in a new tab)

• context7

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

  windsurf/skills/context7/SKILL.md on GitHub (opens in a new tab)

• latest-nextjs

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

  windsurf/skills/latest-nextjs/SKILL.md on GitHub (opens in a new tab)

• react-hooks-for-beginners

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

  windsurf/skills/react-hooks-for-beginners/SKILL.md on GitHub (opens in a new tab)

• react-performance

  Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance issues.

  windsurf/skills/react-performance/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• cc-sddby gotalab Turn approved specs into long-running autonomous implementation. A minimal, adaptable SDD harness with Agent Skills for Claude Code, Codex,… 3.7k stars · 1 skill
• agent-skillsby addyosmani Production-grade engineering skills for AI coding agents. 107k stars · 25 skills
• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 97.3k stars · 13 skills
• OpenMontageby calesthio World's first open-source, agentic video production system. 12 production pipelines, 100+ tools, 700+ agent skill and production-knowledge… 68.6k stars · 30 skills
• awesome-cursorrulesby PatrickJS 📄 Configuration files that enhance Cursor AI editor experience with custom rules and behaviors 40.9k stars
• genofficeby genspark-ai Free, open-source AI Office suite: Docs, Sheets, Slides, PDF, Markdown and HTML editors with a built-in AI agent, plus a `genoffice` CLI an… 9.8k stars · 1 skill