lennney/skills

ai-code-review

AI 审查。用户要审查代码时加载。你在后台检查完告诉用户结果。

Idioma del texto original: chino

ai-coding-workflow

AI 编码。用户要写代码时加载。让用户描述要做什么，你在后台实现。

Idioma del texto original: chino

ai-debugging

AI 调试。用户 debug 时加载。让用户描述问题，你在后台分析修复。

Idioma del texto original: chino

ai-git-workflow

AI Git 操作。用户需要 commit/PR 时加载。你在后台生成好，用户确认即可。

Idioma del texto original: chino

ai-refactoring

AI 重构。用户要重构代码时加载。先定范围，你在后台改完验证。

Idioma del texto original: chino

ai-testing

AI 测试。用户要加测试时加载。你在后台分析代码、写测试、跑通。

Idioma del texto original: chino

anti-ai-slop

Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI taste."

Idioma del texto original: inglés

frontend-designer

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

Idioma del texto original: inglés

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…

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

ui-modernizer

Modernize a React/Vue/Svelte + Tailwind UI to 2026 SaaS-grade design (Linear / Vercel / Stripe / shadcn aesthetic). Supports Next.js, Nuxt 3, SvelteKit, and Vite. Trigger when the user says "modernize this UI", "modernize the UI", "upgrade the design", "make…

Idioma del texto original: inglés

ui-ux-pro-max

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind,…

Idioma del texto original: inglés

gate-discuss

探讨阶段。用户不知道要做什么时加载。问 3 个问题定方向。

Idioma del texto original: chino

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.

Idioma del texto original: inglés

grill-me

A relentless interview to sharpen a plan or design.

Idioma del texto original: inglés

grilling

Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.

Idioma del texto original: inglés

handoff

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

Idioma del texto original: inglés

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…

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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…

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

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.

Idioma del texto original: inglés

component-design

Design React/Next.js component APIs with clear Server/Client boundaries, composable patterns, and proper seam placement. Use when designing new components, refactoring existing ones, or deciding between Server/Client Component boundaries.

Idioma del texto original: inglés

data-fetching

Data fetching patterns for Next.js App Router — Server Components, Server Actions, React Query, and streaming. Use when implementing or reviewing data fetching logic, choosing between RSC and client-side fetching, or designing API routes.

Idioma del texto original: inglés

e2e-playwright

End-to-end testing with Playwright in Next.js applications — user flow coverage, component testing, and CI integration. Use when writing E2E tests, debugging flaky tests, or setting up test infrastructure.

Idioma del texto original: inglés

error-handling

Frontend error handling patterns for Next.js — error boundaries, API error display, form validation errors, and global error recovery strategies. Use when implementing error states, debugging error UI, or designing error recovery flows.

Idioma del texto original: inglés

layouts-routing

Next.js App Router 布局模式。设计页面结构、路由组织、布局嵌套时加载。

Idioma del texto original: chino

performance

Next.js performance optimization — Core Web Vitals, ISR/SSG strategy, bundle analysis, image optimization, and runtime performance patterns. Use when diagnosing slow pages, optimizing Core Web Vitals, or reviewing production performance.

Idioma del texto original: inglés

project-init

项目初始化。用户要搭新 Next.js 项目时加载。按顺序执行脚手架命令。

Idioma del texto original: chino

seo-checklist

SEO 完整检查。网站上线前后加载。你在后台逐项检查，只问用户不知道的内容（关键词、网站描述）。

Idioma del texto original: chino

seo-metadata

Next.js SEO 配置。设置 Metadata API、Open Graph、Sitemap、Robots.txt 时加载。

Idioma del texto original: chino

styling-tailwind

Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。

Idioma del texto original: chino

vercel-deploy

Vercel deployment workflows for Next.js — preview deployments, environment variables, branch configuration, log troubleshooting, and production rollbacks. Use when deploying to Vercel, debugging failed builds, or configuring deployment settings.

Idioma del texto original: inglés

gate-a11y

无障碍优化。用户要提升无障碍时加载。后台修完用大白话解释。

Idioma del texto original: chino

gate-ai

AI 辅助。用户需要帮忙时加载。问用户在做什么，路由到对应 ai-* 技能。

Idioma del texto original: chino

gate-animate

动效优化。用户要加动效时加载。问想要什么效果，实现后解释作用。

Idioma del texto original: chino