lennney/skills

1

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

lennney/skills

2

2

gate-perf 性能优化 / Performance optimization. Optimizes site speed, Core Web Vitals, and load times. Use when the site is slow…

lennney/skills

2

3

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

lennney/skills

2

4

gate-testcov 测试覆盖 / Test coverage. Adds tests for core functionality. Use when the user wants to add test coverage to their pr…

lennney/skills

2

5

acceptance-criteria Write testable acceptance criteria and acceptance tests for requirements using Given/When/Then, checklist, and rule-b…

lennney/skills

1

6

accessibility Web accessibility (WCAG 2.2) for Next.js applications — semantic HTML, ARIA, keyboard navigation, screen reader suppo…

lennney/skills

1

7

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

lennney/skills

1

8

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

lennney/skills

1

9

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

lennney/skills

1

10

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

lennney/skills

1

11

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

lennney/skills

1

12

anti-ai-slop Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI tast…

lennney/skills

1

13

ckm:design Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corpor…

lennney/skills

1

14

ckm:design-system Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component)…

lennney/skills

1

15

ckm:ui-styling Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS u…

lennney/skills

1

16

codebase-design Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find…

lennney/skills

1

17

component-design Design React/Next.js component APIs with clear Server/Client boundaries, composable patterns, and proper seam placeme…

lennney/skills

1

18

data-fetching Data fetching patterns for Next.js App Router — Server Components, Server Actions, React Query, and streaming. Use wh…

lennney/skills

1

19

diagnosing-bugs Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports …

lennney/skills

1

20

domain-modeling Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous la…

lennney/skills

1

21

e2e-playwright End-to-end testing with Playwright in Next.js applications — user flow coverage, component testing, and CI integratio…

lennney/skills

1

22

error-handling Frontend error handling patterns for Next.js — error boundaries, API error display, form validation errors, and globa…

lennney/skills

1

23

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

lennney/skills

1

24

frontend-designer Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and f…

lennney/skills

1

25

gate 建站工作流入口。用户在什么阶段都不知道时问一句，然后路由到对应 gate-*。

lennney/skills

1

26

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

lennney/skills

1

27

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

lennney/skills

1

28

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

lennney/skills

1

29

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

lennney/skills

1

30

grill-me A relentless interview to sharpen a plan or design.

lennney/skills

1

31

grilling Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building…

lennney/skills

1

32

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

lennney/skills

1

33

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

lennney/skills

1

34

performance Next.js performance optimization — Core Web Vitals, ISR/SSG strategy, bundle analysis, image optimization, and runtim…

lennney/skills

1

35

prd-development Build a structured PRD that connects problem, users, solution, and success criteria. Use when turning discovery notes…

lennney/skills

1

36

product-analysis Multi-path parallel product analysis with cross-model test-time compute scaling. Spawns parallel agents (Claude Code …

lennney/skills

1

37

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

lennney/skills

1

38

prototype Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or se…

lennney/skills

1

39

seo-checklist SEO 完整检查清单。网站上线前或 SEO 整改后加载。自动逐项检查，只问用户不知道的内容（关键词、网站描述）。

lennney/skills

1

40

seo-metadata Next.js SEO 完整配置。涵盖 Metadata API、Open Graph、JSON-LD 结构化数据、Sitemap、Robots.txt。新建页面或 SEO 整改时加…

lennney/skills

1

41

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

lennney/skills

1

42

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

lennney/skills

1

43

tdd Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refact…

lennney/skills

1

44

ui-designer Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users p…

lennney/skills

1

45

ui-modernizer Modernize a React/Vue/Svelte + Tailwind UI to 2026 SaaS-grade design (Linear / Vercel / Stripe / shadcn aesthetic). S…

lennney/skills

1

46

ui-ux-pro-max UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product …

lennney/skills

1

47

user-story Create user stories with Mike Cohn format and Gherkin acceptance criteria. Use when turning user needs into developme…

lennney/skills

1

48

vercel-deploy Vercel deployment workflows for Next.js — preview deployments, environment variables, branch configuration, log troub…

lennney/skills

1