lennney/skills

ai-code-review

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

Idioma do texto original: chinês

ai-coding-workflow

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

Idioma do texto original: chinês

ai-debugging

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

Idioma do texto original: chinês

ai-git-workflow

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

Idioma do texto original: chinês

ai-refactoring

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

Idioma do texto original: chinês

ai-testing

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

Idioma do texto original: chinês

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 do 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 do 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 do 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 do 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 do 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 do texto original: inglês

gate-discuss

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

Idioma do texto original: chinês

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 do texto original: inglês

grill-me

A relentless interview to sharpen a plan or design.

Idioma do 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 do texto original: inglês

handoff

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

Idioma do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do 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 do texto original: inglês

layouts-routing

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

Idioma do texto original: chinês

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 do texto original: inglês

project-init

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

Idioma do texto original: chinês

seo-checklist

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

Idioma do texto original: chinês

seo-metadata

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

Idioma do texto original: chinês

styling-tailwind

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

Idioma do texto original: chinês

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 do texto original: inglês

gate-a11y

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

Idioma do texto original: chinês

gate-ai

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

Idioma do texto original: chinês

gate-animate

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

Idioma do texto original: chinês