Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

lennney

@lennney source repo

68 published skills

  1. ▌
    Ckm Design · lennney bundle
    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 design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
    0
    installs
  2. ▌
    Handoff · lennney
    Compact the current conversation into a handoff document for another agent to pick up.
    0
    installs
  3. ▌
    Grilling · lennney
    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", "有什么漏洞", "帮我审查一下这个方案".
    0
    installs
  4. ▌
    Ckm UI Styling · lennney bundle
    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 layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
    0
    installs
  5. ▌
    Prototype · lennney
    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.
    0
    installs
  6. ▌
    Frontend Design · lennney bundle
    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, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
    0
    installs
  7. ▌
    Ckm Design System · lennney bundle
    Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
    0
    installs
  8. ▌
    Domain Modeling · lennney
    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.
    0
    installs
  9. ▌
    Codebase Design · lennney
    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 vocabulary.
    0
    installs
  10. ▌
    Agent Search · lennney bundle
    Use Agent Search MCP for free-first English and Chinese web search with compact evidence and minimal tool calls. Trigger for factual discovery, claim verification, Chinese web results, selected-page extraction, provider failures, freshness limits, or search token and spend controls. Choose free_search, free_search_advanced, free_extract, health and capabilities resources, or fasm doctor.
    0
    installs
  11. ▌
    Compound System · lennney
    Post-task reflection and knowledge management system. Auto-extracts errors and solutions, builds searchable knowledge base.
    0
    installs
  12. ▌
    AI Team Review · lennney bundle
    Use when reviewing product proposals, technical designs, SEO content strategies, or any decision needing multiple expert perspectives. Multi-agent cross-functional review with SEO-specific roles (E-E-A-T, Google policy, keyword strategy). Independent scoring → debate → solutions → action plan.
    0
    installs
  13. ▌
    Secure Coding · lennney
    Use when adding API providers, environment variables, external services, logs, deployment configs, or documentation that may expose secrets.
    0
    installs
  14. ▌
    Account Issue · lennney bundle
    Account Issue
    0
    installs
  15. ▌
    RAG Evaluation · lennney
    Use when modifying retrieval, chunking, RRF, rerank, citation, answer grounding, or evaluation scripts.
    0
    installs
  16. ▌
    Refund Request · lennney bundle
    Refund Request
    0
    installs
  17. ▌
    Technical Issue · lennney bundle
    Technical Issue
    0
    installs
  18. ▌
    Project Change Log · lennney
    Use after every meaningful feature, bug fix, architecture decision, evaluation update, prompt change, or skill change.
    0
    installs
  19. ▌
    Project Plan Audit · lennney
    Use when auditing TicketPilot project plans, modules, tests, OpenSpec changes, and phase status before continuing development.
    0
    installs
  20. ▌
    Ticket Risk Policy · lennney
    Use when implementing or reviewing risk assessment, human review routing, complaint handling, compensation handling, legal risk, privacy risk, or account security risk.
    0
    installs
  21. ▌
    Complaint Escalation · lennney bundle
    Complaint Escalation
    0
    installs
  22. ▌
    Phase Acceptance Gate · lennney
    Use after every implementation batch to produce a strict acceptance report with requirement-to-evidence mapping.
    0
    installs
  23. ▌
    Spec Driven Development · lennney
    Use when planning or implementing any non-trivial TicketPilot change. Requires proposal, design, tasks, acceptance criteria, and validation before implementation.
    0
    installs
  24. ▌
    Ticketpilot Product Boundary · lennney
    Use when deciding project scope, prioritization, or whether a feature belongs in the TicketPilot MVP.
    0
    installs
  25. ▌
    AI Testing · lennney
    问用户要测什么功能。然后：
    0
    installs
  26. ▌
    Gate · lennney
    技能路由入口 / 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 / product skills.
    0
    installs
  27. ▌
    Tdd · lennney
    Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.
    0
    installs
  28. ▌
    Gate AI · lennney
    AI 辅助路由。问用户在做什么，路由到对应的 ai-* 技能。Use when the user says '帮我写代码', '帮我审查代码', '帮我写测试', '帮我调试', '帮我重构', '帮我做 git 操作', or any general AI assistance request.
    0
    installs
  29. ▌
    Gate CI · lennney
    1. 帮用户确认 GitHub 仓库已连接
    0
    installs
  30. ▌
    AI Code Review · lennney
    用户给你看代码或 PR。你在后台检查：
    0
    installs
  31. ▌
    AI Refactoring · lennney
    问用户要重构什么。然后：
    0
    installs
  32. ▌
    Gate SEO · lennney
    SEO 阶段。前端完成后加载。先问 2 个简单问题，然后按 P0→P1→P2 顺序执行完整的 SEO 检查与修复。
    0
    installs
  33. ▌
    AI Git Workflow · lennney
    帮用户处理 Git 操作：
    0
    installs
  34. ▌
    UI Designer · lennney
    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.
    0
    installs
  35. ▌
    Gate Discuss · lennney
    需求探讨 / 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.
    0
    installs
  36. ▌
    User Story · lennney bundle
    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.
    0
    installs
  37. ▌
    Gate A11Y · lennney
    无障碍优化 / Accessibility optimization. Fixes WCAG issues, ARIA, semantic HTML, and keyboard navigation. Use when the user wants to improve accessibility.
    0
    installs
  38. ▌
    Gate Init · lennney
    项目初始化 / 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.
    0
    installs
  39. ▌
    Gate Perf · lennney
    性能优化 / 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.
    0
    installs
  40. ▌
    Anti AI Slop · lennney bundle
    Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI taste."
    0
    installs
  41. ▌
    Performance · lennney
    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.
    0
    installs
  42. ▌
    UI Modernizer · lennney
    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 this look modern", "make the UI look like Linear/Vercel/Stripe", or otherwise asks to refresh / level-up the visual design of a frontend codebase. Do NOT use for new feature work, bug fixes, or business logic changes.
    0
    installs
  43. ▌
    UI UX Pro Max · lennney bundle
    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, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
    0
    installs
  44. ▌
    Project Init · lennney
    项目初始化。用户要搭新 Next.js 项目时加载。按顺序执行脚手架命令。
    0
    installs
  45. ▌
    SEO Metadata · lennney
    Next.js SEO 完整配置。涵盖 Metadata API、Open Graph、JSON-LD 结构化数据、Sitemap、Robots.txt。新建页面或 SEO 整改时加载。
    0
    installs
  46. ▌
    AI Coding Workflow · lennney
    问用户："你要做什么？"
    0
    installs
  47. ▌
    Accessibility · lennney
    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.
    0
    installs
  48. ▌
    Data Fetching · lennney
    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.
    0
    installs
  49. ▌
    SEO Checklist · lennney
    SEO 完整检查清单。网站上线前或 SEO 整改后加载。自动逐项检查，只问用户不知道的内容（关键词、网站描述）。
    0
    installs
  50. ▌
    Gate Animate · lennney
    动效优化 / Animation. Adds motion, transitions, and UI animations. Use when the user wants to add animation effects to their site.
    0
    installs
  51. ▌
    Gate Testcov · lennney
    测试覆盖 / Test coverage. Adds tests for core functionality. Use when the user wants to add test coverage to their project.
    0
    installs
  52. ▌
    E2e Playwright · lennney
    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.
    0
    installs
  53. ▌
    Error Handling · lennney
    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.
    0
    installs
  54. ▌
    Gate Frontend · lennney
    前端开发 / Frontend development. Builds pages and components from project scaffold. Use when the project is initialized and the user wants to build the UI.
    0
    installs
  55. ▌
    Gate Optimize · lennney
    网站优化 / Site optimization. Routes users to perf, a11y, or animation optimization. Use when the site is live and the user wants to improve it.
    0
    installs
  56. ▌
    Product Analysis · lennney
    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 invoke competitors-analysis for competitive benchmarking. Use when "product audit", "self-review", "发布前审查", "产品分析", "analyze our product", "UX audit", or "信息架构审计".
    0
    installs
  57. ▌
    Code Review Skill · lennney bundle
    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 reviewing pull requests, conducting PR reviews, code review, reviewing code changes, establishing review standards, mentoring developers, architecture reviews, security audits, checking code quality, finding bugs, giving feedback on code.
    0
    installs
  58. ▌
    Prd Development · lennney bundle
    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.
    0
    installs
  59. ▌
    Layouts Routing · lennney
    Next.js App Router 布局模式。设计页面结构、路由组织、布局嵌套时加载。
    0
    installs
  60. ▌
    SEO Copywriting · lennney
    抓眼球 SEO 标题+描述写手。18 套标题公式、强力词库、CTR 提升技巧、好奇心缺口模板。写 title/description 前加载。
    0
    installs
  61. ▌
    Frontend Designer · lennney
    Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
    0
    installs
  62. ▌
    Component Design · lennney
    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.
    0
    installs
  63. ▌
    Styling Tailwind · lennney
    Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。
    0
    installs
  64. ▌
    Salgadoia Web Design Engineer Pro · lennney
    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"时加载。
    0
    installs
  65. ▌
    Diagnosing Bugs · lennney
    Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.
    0
    installs
  66. ▌
    Acceptance Criteria · lennney bundle
    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.
    0
    installs
  67. ▌
    Styleseed Design Review · lennney
    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 professional, polished, or "designed, not generated." Self-contained; based on the open-source StyleSeed design engine.
    0
    installs
  68. ▌
    Stss · lennney bundle
    Reduce defensive disclaimers, stacked hedging, and self-protective narration in proposals and decision-facing writing. Use when the user asks to rewrite or audit a proposal, plan, research contribution, executive summary, or similar text for directness. Do not use for ordinary code work or unrelated prose.
    1
    install