AgentSkillsCN

add-ui-screen

采用shadcn/ui与Tailwind打造BN优先的UI界面,并加入国际化支持、身份验证门控、状态管理以及测试功能。

SKILL.md
--- frontmatter
name: add-ui-screen
description: Add a BN-first UI screen using shadcn/ui + Tailwind with i18n, auth gating, states, and tests.

Skill Instructions

  1. Create page route under App Router
  2. Use Server Components by default; Client only for interactivity
  3. Use shadcn/ui primitives; Tailwind utilities only
  4. Add BN/EN translation keys for all user strings
  5. Add loading/empty/error states
  6. Update Playwright E2E if the flow is user-visible
  7. Run npm run lint