# Accessibility Auditing: Performing Accessibility Audits Using Cursor Browser's ARIA Tree
### Translated Abstract: Introducing accessibility-auditing in spencerpauly/awesome-cursor-skills: Leveraging Cursor's built-in browser tools including `browser_navigate`, `browser_snapshot` and `browser_press`, it conducts audits on the page ARIA tree covering missing labels, semantic HTML, keyboard navigation order, ARIA misuses and color contrast issues. It generates a categorized report with Critical/Warnings/Passed statuses and can directly modify the source code. The document also explains the installation methods via `.cursor/skills` directory or `npx skills add` command, as well as applicable scenarios and compliance review considerations.
Read MoreVisual QA Testing in Cursor: Capture Screenshots, Console Logs and Network Requests in One Go
visual-qa-testing is an Agent Skill in the community repository awesome-cursor-skills, which guides Cursor Agent to use the built-in browser (cursor-ide-browser) to perform visual QA after modifying the UI: confirm the development service, take page screenshots, check console errors and network requests, and conduct verification after interacting with button forms. Based on SKILL.md and Cursor's official Skills/Browser documentation, this article explains its positioning, installation directory and npx skills installation method, typical calling steps, as well as precautions such as relying on the built-in browser and being an alternative to non-test frameworks.
Read MoreLet Agent fix itself until all tests pass with grinding-until-pass
### 介绍 This article introduces `grinding-until-pass` from spencerpauly/awesome-cursor-skills: It enables the Agent to independently fix issues until tests, builds, or lint checks pass via the `fix→run→check` loop. We verify that the steps follow the official SKILL.md rules, including iterating within 10 times, fixing one thing at a time, and prohibiting deleting tests or suppressing errors. We also explain the installation methods using `npx skills` or copying the skill to `.cursor/skills`, along with target command examples and advanced usage of Cursor Hooks. This skill is suitable for scenarios such as large-scale refactoring, dependency upgrades, and clearing failed builds after merging branches; manual intervention is required for slow tests or when design changes are needed.
Read MoreBest-of-n-solving: Isolate Worktree to Parallelly Test Multiple Solutions and Then Merge the Optimal One
This article introduces best-of-n-solving from spencerpauly/awesome-cursor-skills: When facing complex refactoring, tricky bugs or architecture selection, first define 2 to 3 strategies, then use Cursor's best-of-n-runner to attempt them in parallel in isolated git worktrees, and select the optimal solution for merging based on testing, implementation quality, performance and maintainability. The article verifies the four-step process in the official SKILL.md, the installation methods of npx skills or manual installation to .cursor/skills, as well as applicable scenarios and precautions such as "do not use Best-of-N for simple problems".
Read MoreUse expo-native-ui to let AI write Expo interfaces that look more like native apps
### Official Translation: This introduces Expo's official Agent Skill expo-native-ui (v1.1.1): it teaches AI to build Expo screens that closely match the system's visual style following conventions such as Apple HIG, semantic colors, native controls, and prioritizing Reanimated and Expo Go. The article verifies the installation methods of Cursor / Claude Code / Codex, the Color API and animation examples, and explains that navigation should be paired with expo-router, as well as the differences in division of labor with expo-ui.
Read More# remotion-best-practices: Let AI Write Remotion Programmatic Videos According to Specifications
This article introduces Remotion's official Agent Skill `remotion-best-practices`: as the main entry point, it routes sub-skills such as project creation, Markup, maps, subtitles, Studio, rendering, and upgrades to agents including Cursor, Claude Code, and Codex. Based on the official `SKILL.md` and documentation, this guide explains installation commands, frame-driven animation specifications (`useCurrentFrame` + `interpolate`), media and resource conventions, as well as preview/frame extraction usage, helping users avoid rendering pitfalls when using AI to program videos.
Read MoreUse supabase-postgres-best-practices to help AI programming assistants master Postgres skills
### 翻译结果： Introduce the Agent Skill `supabase-postgres-best-practices` maintained by Supabase: A tool designed for platforms such as Cursor and Claude Code, it restricts AI when writing SQL, modifying tables and troubleshooting performance based on eight priority rules covering query performance, connection management, RLS, schema and other aspects. The article verifies the official installation commands, rule structure and typical correct and incorrect examples, and explains how it cooperates with Supabase MCP.
Read More# agents-sdk Skill: Build Stateful AI Agents on Cloudflare
### Official Translation: This article introduces Cloudflare's official agents-sdk Skill: it guides AI assistants to prioritize retrieving Agents documentation, and correctly build stateful Agents on Workers / Durable Objects, covering features such as `setState`, `@callable RPC`, scheduling, Workflows, MCP and React hooks. The article provides installation steps, agents dependency verification, wrangler configuration and a Counter example, and marks precautions such as decorators, migrations and experimental features.
Read MoreFrontend Performance Audit with web-perf Skill: Integrate Core Web Vitals into Agent Workflow
### Official Cloudflare Agent Skill `web-perf` Introduction This tool leverages Chrome DevTools MCP to audit Core Web Vitals (LCP, INP, CLS) alongside FCP, TBT, and Speed Index, and troubleshoots issues including render-blocking resources, network dependency chains, layout shifts, and caching problems. The article explains its positioning, five-stage workflow, installation methods in tools such as Cursor, Claude Code, and Codex, mandatory configurations for MCP, typical prompt words and output formats, and reminds users to verify thresholds against current official documentation and avoid hardcoding conclusions without an MCP.
Read MoreWrangler Skill: Enable AI Assistants to Deploy Cloudflare Workers Correctly
This article introduces Cloudflare's official Agent Skill "wrangler": it guides AI programming assistants to prioritize retrieving official documentation and configuration schemas before deploying and managing resources such as Workers, KV, R2, D1, etc., to avoid outdated commands and incorrect bindings. The article covers the positioning of the Skill, its core capabilities, installation and activation in tools including Cursor, Claude Code, Codex and other platforms, typical examples of wrangler.jsonc and commonly used commands, as well as precautions such as key security and local remote binding.
Read MoreOne-click Preview and Deployment of AI-written Projects with deploy-to-vercel
# Official Vercel Labs Agent Skill `deploy-to-vercel` Introduction This article introduces Vercel Labs' official Agent Skill `deploy-to-vercel`: how to install it in tools such as Cursor, Claude Code, and Codex; how to automatically select between `git push`, `vercel deploy`, or an unauthenticated sandbox script based on git remote, `.vercel` association, and CLI login status; how to generate a Preview URL by default; and how to try to advance the project to a long-term automatically deployable link state. All commands and branch logic in this article are verified against the official `SKILL.md (v3.0.0)` and the `skills.sh` installation instructions.
Read MorePerform a Standard Audit on AI-Generated UI Using Web-Design-Guidelines
### Official Translation: Introduce Vercel Labs' Agent Skill "web-design-guidelines": This tool audits UI accessibility, UX and performance compliance in accordance with Web Interface Guidelines. Explain its attribution and version, the mechanism of pulling remote specifications before each audit, the coverage of over 100 rules, the file:line output format, as well as the installation and triggering methods using `npx skills add` in tools such as Cursor / Claude Code / Codex. Also list applicable scenarios and precautions such as internet dependency.
Read MoreUse composition-patterns to let AI write maintainable React composite code
# Translation Result: This article introduces Vercel's Agent Skill **composition-patterns (vercel-composition-patterns, v1.0.0)**: it uses composite components, lifted state and explicit variants to avoid the proliferation of boolean props, covering four types of rules: architecture, state, implementation patterns and React 19 API. The article explains how to install it into tools such as Cursor / Claude Code / Codex via `npx skills`, and provides official example-level refactoring and Context interface usage cases.
Read MoreAdd a React Performance Goalkeeper for AI Programming with react-best-practices
### Official Vercel Agent Skill `react-best-practices` (formal name: `vercel-react-best-practices`) Introduction This skill organizes React/Next.js performance optimization experience into a rule set sorted by impact severity. The current `SKILL.md` contains 70 rules covering 8 categories, with priority given to eliminating request waterfalls and bundle bloat. Details include source attribution, the 8 rule categories, installation command (`npx skills add … --skill vercel-react-best-practices`), triggering usage in tools like Cursor, Claude Code and Codex, as well as applicable scenarios and notes on names and versions.
Read MoreUse notion-knowledge-capture to precipitate AI conversations into a Notion knowledge base
### 译文： Introduce OpenAI's curated Agent Skill "notion-knowledge-capture": This tool relies on Notion's official MCP, and organizes decisions and steps from conversations with tools like Cursor, Codex into linkable Notion pages according to templates such as Wiki, How-To, ADR, and FAQ. The article verifies the installation command, the MCP access methods for Codex/Cursor/Claude Code, as well as the official decision capture and How-To sample workflow.
Read MoreIntegrate Figma Designs into AI Programming Workflows with OpenAI's Official Figma Skill
This article introduces the Figma Skill curated by OpenAI: how it cooperates with Figma MCP (mcp.figma.com) to obtain design context, screenshots, variables and resources, and converts design nodes into project code through a fixed workflow. It verifies the installation methods ($skill-installer / directory copy), the MCP configuration of Codex (FIGMA_OAUTH_TOKEN, RMCP client), the mandatory toolchain (get_design_context → get_metadata → get_screenshot), and the link-driven prompt writing method, which is suitable for developers who carry out design-to-code collaboration in Codex, Cursor and Claude Code.
Read MoreUse Transcribe Skill to convert meeting recordings and podcasts into searchable text
### 正式翻译： This article introduces OpenAI's official Agent Skill `transcribe`: Based on `gpt-4o-mini-transcribe` and `gpt-4o-transcribe-diarize`, it converts audio and video files into text, with support for speaker diarization and known speaker prompts. It explains the installation directories and activation methods in Codex, Cursor and Claude Code, provides reproducible examples including fast transcription with the bundled CLI and `diarized_json` output, and lists precautions such as the 25MB file size limit, automatic chunking for long audio, and the fact that the diarize model does not support prompts.
Read MoreUsing OpenAI Speech Skill to synthesize reusable voice from text
# Official OpenAI Curated Skill: speech This article introduces the OpenAI Agent Skills-powered speech skill that calls the OpenAI Audio API. It allows users to synthesize text into narration, product voiceovers, IVR audio and accessible reading audio via the built-in CLI. The article covers the installation method, configuration of the OPENAI_API_KEY, usage of the `speak` and `speak-batch` commands, default models and built-in voices, as well as limitations including single audio length, speech rate and custom voices.
Read MoreIntegrate Official Documentation for AI Programming Assistants with openai-docs Skill: Say Goodbye to Outdated APIs and Fabricated Parameters
# Official curated Skill "openai-docs" from OpenAI: Retrieve and cite the latest documentation via Developer Docs MCP (search/fetch/OpenAPI) This skill covers API usage, Codex manual self-knowledge, model selection and prompt engineering. It explains the paired installation with Docs MCP across platforms including Codex, Cursor and Claude Code, typical prompt usage scenarios, and precautions such as read-only document access and narrow-scope migration, to alleviate the issues of outdated documentation and parameter hallucinations in AI programming assistants.
Read Morepython-tdd-with-uv: Let AI Agent Write Python in Red-Green-Refactor Cycle
### Translation: This article introduces `python-tdd-with-uv`: a SKILL.md from spencerpauly/awesome-cursor-skills that teaches AI Agents to conduct Python Test-Driven Development (TDD) using uv. It verifies the official capabilities of uv (including its project initiation with pytest, vertical slice red-green-refactor workflow, and uv run conventions), covers the installation directory and activation method under Cursor/Claude Code/Codex, provides reproducible command examples and test structure samples, and explains the applicable scenarios and limitations of this skill.
Read More# Standard Conventional Commits Written with the `writing-commit-messages` Skill
### Translated English Abstract: This article introduces the `writing-commit-messages` section in spencerpauly/awesome-cursor-skills: how to use Agent Skill to constrain commit messages to follow Conventional Commits specifications (including type prefixes, scopes, body content, and BREAKING CHANGE sections). It verifies the rules in SKILL.md, good and bad examples, commit granularity requirements, as well as the installation methods for Cursor skills: manually installing to the `.cursor/skills/` directory, and using `npx skills add` to install to both Cursor and Claude Code. This guide is suitable for teams that need standardized collaboration and automated changelog generation.
Read MoreUsing kubernetes-deploying Skill: Let AI Agents Generate Kubernetes Deployment Manifests According to Specifications
### 翻译结果： `kubernetes-deploying` from spencerpauly/awesome-cursor-skills is an Agent Skill designed for Kubernetes deployments. It encapsulates best practices including Deployment, Service, Ingress, ConfigMap, Secret, health checks, release strategies and HPA into the SKILL.md file, enabling AI programming tools such as Cursor, Claude Code and Codex to generate standardized manifests and work with common kubectl commands. This article introduces its capabilities, installation and activation methods, typical usage scenarios and usage notes based on official documentation.
Read MoreHand Over Production Incident Response Process to AI Agent via Incident-response Skill
# Incident Response in spencerpauly/awesome-cursor-skills This project packages the SEV grading, stopgap mitigation, internal and external communication, and 48-hour blameless post-incident review workflow for production incidents into an installable `SKILL.md`. It has verified official workflows and post-incident review templates, and provides enabling methods via `npx skills` or by copying to `.cursor/skills/` for use in Cursor, Claude Code, and Codex CLI, making it suitable for SRE/DevOps on-duty scenarios.
Read MoreParallelly familiarize yourself with unfamiliar codebase and generate onboarding documentation using codebase-onboarding
### 翻译结果： This article introduces the `codebase-onboarding` skill in spencerpauly/awesome-cursor-skills: it launches 5 read-only explore sub-agents in parallel to research architecture, data models, APIs, authentication and deployment respectively, then synthesizes the results into an ONBOARDING.md. Based on the official SKILL.md and Cursor Skills documentation, it explains the installation directory, the `npx skills` installation method, the calling mode of `/codebase-onboarding`, as well as applicable scenarios and review precautions.
Read MoreGenerate bitmap assets in the coding workflow using Codex's imagegen Skill
# Introduction to OpenAI Codex System-level Skill `imagegen` This skill enables generation and editing of bitmap assets including photos, illustrations, mockups and sprites within coding conversations via either the built-in `image_gen` command or an explicit CLI. Details including default auto-installation location, two operating modes, prompt templates, save path conventions, applicable boundaries and official CLI examples are provided to facilitate directly integrating visual assets into project repositories.
Read More