lennney/gate-all-skills

ai-code-review

"AI 审查 / AI code review. 用户说"帮我审查代码"、"review 一下"、"看看这段有没有问题"时加载。在后台检查 bug、安全、性能、代码风格，然后告诉用户结果。"

原文の言語: 中国語

ai-coding-workflow

"AI 编码 / AI coding. 用户说"帮我写个组件"、"实现这个功能"、"写个 API 路由"时加载。先问清需求，在后台实现，完成后自动调 /ai-code-review 审查。"

原文の言語: 中国語

ai-debugging

"AI 调试 / AI debugging. 用户说"帮我 debug"、"报错了"、"这个 bug 怎么修"、"抛异常了"时加载。让用户描述问题，你在后台分析根因并修复。"

原文の言語: 中国語

ai-git-workflow

"AI Git 操作 / AI git workflow. 用户说"帮我 commit"、"提个 PR"、"push 一下"、"git 操作"时加载。在后台生成 commit message / PR 描述，用户确认后执行。"

原文の言語: 中国語

ai-refactoring

"AI 重构 / AI refactoring. 用户说"重构这段代码"、"优化代码结构"、"把这块抽出来"时加载。先让用户定范围，你在后台改完自动验证。建议先跑 /tdd 保证测试覆盖。"

原文の言語: 中国語

ai-testing

"AI 测试 / AI testing. 用户说"加测试"、"写单元测试"、"测一下这个函数"时加载。在后台分析代码、写测试、跑通。对核心逻辑用 TDD 风格。"

原文の言語: 中国語

salgadoia-web-design-engineer-pro

Profesional web & landing page builder with Next.js 16, React 19, Tailwind CSS v4, shadcn/ui, and Framer Motion. 用 Next.js 16 + React 19 + Tailwind CSS v4 + shadcn/ui 构建专业落地页。8 种视觉方向、10 套色板、10 组字体搭配。 用户说"帮我建个落地页"、"做一个官网"、"设计一个 landing page"时加载。

原文の言語: スペイン語

grilling

Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, wants to be grilled, or says "is this ready", "review my plan", "有什么漏洞", "帮我审查一下这个方案".

原文の言語: 英語

gate-ai

AI 辅助路由。问用户在做什么，路由到对应的 ai-* 技能。Use when the user says '帮我写代码', '帮我审查代码', '帮我写测试', '帮我调试', '帮我重构', '帮我做 git 操作', or any general AI assistance request.

原文の言語: 中国語

gate-ci

"CI/CD 配置。用户说"配 CI"、"自动化部署"、"加 GitHub Actions"时加载。配置 GitHub Actions / GitLab CI，自动跑测试、lint、构建。"

原文の言語: 中国語

gate

技能路由入口 / Entry router. 根据用户输入路由到对应技能。Use when the user isn't sure what they need, says '帮我做个网站', '我想优化一下', or any general request that could map to multiple skills. Routes to gate-discuss / gate-frontend / gate-seo / gate-optimize / design / engineering / AI…

原文の言語: 中国語

gate-seo

SEO 阶段。前端完成后加载。先问 2 个简单问题，然后按 P0→P1→P2 顺序执行完整的 SEO 检查与修复。

原文の言語: 中国語

gate-optimize

网站优化 / Site optimization. Routes users to perf, a11y, or animation optimization. Use when the site is live and the user wants to improve it.

原文の言語: 中国語

gate-discuss

需求探讨 / Discovery discussion. Asks 3 questions to clarify project scope. Use when the user wants to build a new site but isn't sure what they need.

原文の言語: 中国語

code-review-skill

Comprehensive code review guidance for React 19, Vue 3, Angular 17+, Svelte 5, Rust, TypeScript, Java, PHP, Python, Django, Go, C#/.NET, Kotlin, Swift, NestJS, C/C++, and more. Helps catch bugs, improve code quality, and give constructive feedback. Use when…

原文の言語: 英語

diagnosing-bugs

Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.

原文の言語: 英語

acceptance-criteria

Write testable acceptance criteria and acceptance tests for requirements using Given/When/Then, checklist, and rule-based formats. Use when defining the conditions that prove a requirement is correctly implemented.

原文の言語: 英語

prd-development

Build a structured PRD that connects problem, users, solution, and success criteria. Use when turning discovery notes into an engineering-ready document for a major initiative.

原文の言語: 英語

user-story

Create user stories with Mike Cohn format and Gherkin acceptance criteria. Use when turning user needs into development-ready work with clear outcomes and testable conditions.

原文の言語: 英語

seo-copywriting

抓眼球 SEO 标题+描述写手。18 套标题公式、强力词库、CTR 提升技巧、好奇心缺口模板。写 title/description 前加载。

原文の言語: 複数言語

gate-a11y

无障碍优化 / Accessibility optimization. Fixes WCAG issues, ARIA, semantic HTML, and keyboard navigation. Use when the user wants to improve accessibility.

原文の言語: 中国語

gate-animate

动效优化 / Animation. Adds motion, transitions, and UI animations. Use when the user wants to add animation effects to their site.

原文の言語: 中国語

gate-frontend

前端开发 / Frontend development. Builds pages and components from project scaffold. Use when the project is initialized and the user wants to build the UI.

原文の言語: 中国語

gate-init

项目初始化 / Project scaffolding. Scaffolds a new Next.js project step by step. Use when the user confirms they want to build a new site or start a new app.

原文の言語: 中国語

gate-perf

性能优化 / Performance optimization. Optimizes site speed, Core Web Vitals, and load times. Use when the site is slow or the user wants to speed things up.

原文の言語: 中国語

gate-testcov

测试覆盖 / Test coverage. Adds tests for core functionality. Use when the user wants to add test coverage to their project.

原文の言語: 中国語

ckm-design

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon…

原文の言語: 英語

ckm-ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive…

原文の言語: 英語

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

原文の言語: 英語

frontend-designer

Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.

原文の言語: 英語

product-analysis

Multi-path parallel product analysis with cross-model test-time compute scaling. Spawns parallel agents (Claude Code agent teams + Codex CLI) to explore product from multiple perspectives, then synthesizes findings into actionable optimization plans. Can…

原文の言語: 英語

ui-designer

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

原文の言語: 英語

domain-modeling

Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous language, record an architectural decision, or when another skill needs to maintain the domain model.

原文の言語: 英語

grill-me

A relentless interview to sharpen a plan or design.

原文の言語: 英語

handoff

Compact the current conversation into a handoff document for another agent to pick up.

原文の言語: 英語

codebase-design

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module…

原文の言語: 英語

prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

原文の言語: 英語

styleseed-design-review

Reviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a React/Tailwind/HTML interface looks off, generic, or unfinished, when you want a design score before shipping, or when asked to make UI look more…

原文の言語: 英語

tdd

Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.

原文の言語: 英語

accessibility

Web accessibility (WCAG 2.2) for Next.js applications — semantic HTML, ARIA, keyboard navigation, screen reader support, and automated testing. Use when building new pages, reviewing component accessibility, or fixing accessibility issues.

原文の言語: 英語