AgentSkillsCN

tdd-coverage-enforcer

具备敏锐的 UI/UX 设计洞察力：50 种风格、21 种配色方案、50 组字体搭配、20 种图表样式、9 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。您可以规划、构建、创作、设计、实现、评审、修复、改进、优化、增强、重构，甚至检查 UI/UX 代码。适用项目包括：网站、着陆页、仪表盘、管理后台、电商系统、SaaS 平台、作品集、博客、移动应用，以及 .html、.tsx、.vue、.svelte 等前端技术。常用元素包括：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。设计风格涵盖：玻璃质感、黏土质感、极简主义、粗犷主义、新拟物主义、本托网格布局、暗黑模式、响应式设计、拟物化设计、扁平化设计。主题领域包括：色彩搭配、无障碍设计、动画效果、布局设计、排版艺术、字体组合、间距设计、悬停效果、阴影处理、渐变配色。此外，还支持 shadcn/ui MCP 组件搜索与示例集成。

SKILL.md
--- frontmatter
name: "tdd-coverage-enforcer"
description: "Enforces TDD loops and ≥80% coverage gates. Invoke when adding features, writing tests, or fixing coverage/CI failures."

TDD + Coverage Enforcer

Purpose

Keep delivery high-quality and predictable by enforcing:

  • •Red → Green → Refactor development loop
  • •Coverage thresholds (minimum 80% lines/functions/branches/statements)
  • •Testing pyramid balance (unit/component/integration)

When to Invoke

Invoke this skill when:

  • •Adding a new component, hook, API route, or lib module
  • •Tests or coverage fail
  • •Refactoring behavior-critical logic

Minimum Test Expectations

  • •UI components: render + interaction tests (Testing Library)
  • •Hooks/stores: state transitions and edge cases
  • •API routes: request validation + success + failure paths
  • •Validation schemas: happy + unhappy cases

Coverage Gate Rules

  • •Do not merge if overall coverage < 80%.
  • •For touched modules, aim for > 90% where logic is non-trivial (payments/webhooks).

Common Pitfalls to Avoid

  • •Testing implementation details instead of behavior
  • •Skipping error-path tests
  • •Mocking too deeply (prefer mocking external boundaries only)