UI 组件
基于代码的 UI 组件生成与样式实现
Testing
HoangNguyen0403
Standards for Component Test Harnesses and TestBed.
bmad-os-diataxis-style-fix
bmad-code-org
Fixes documentation to comply with Diataxis framework and BMad Method style guide rules. Use when user asks to check or fix style of files under the docs folder.
Android Architecture
HoangNguyen0403
Standards for Clean Architecture, Modularization, and Unidirectional Data Flow
design-expert
personamanagmentlayer
Expert-level system design, architecture patterns, scalability, and distributed systems
aerospace-expert
personamanagmentlayer
Expert-level aerospace systems, flight management, maintenance tracking, aviation safety, and aerospace software
sap-sac-planning
secondsky
This skill should be used when developing SAP Analytics Cloud (SAC) planning applications, including building planning-enabled stories, analytics designer applications with planning functionality, data actions, multi actions, version management, and planning workflows. Use when creating planning models, implementing data entry forms, configuring spreading/distribution/allocation, setting up data locking, building calendar-based planning processes with approval workflows, writing JavaScript scripts for planning automation, using the getPlanning() API, PlanningModel API, or DataSource API for planning scenarios, troubleshooting planning performance issues, integrating predictive forecasting into planning workflows, implementing Seamless Planning with SAP Datasphere, configuring BPC live connections for BW on HANA integration, building value driver trees for what-if analysis, or debugging data actions with tracing.
web-design-guidelines
calcom
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
axiom-axe-ref
CharlesWiltgen
Use when automating iOS Simulator UI interactions beyond simctl capabilities. Reference for AXe CLI covering accessibility-based tapping, gestures, text input, screenshots, video recording, and UI tree inspection.
axiom-accessibility-diag
CharlesWiltgen
Use when fixing VoiceOver issues, Dynamic Type violations, color contrast failures, touch target problems, keyboard navigation gaps, or Reduce Motion support - comprehensive accessibility diagnostics with WCAG compliance, Accessibility Inspector workflows, and App Store Review preparation for iOS/macOS
vue
antfu
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
slidev
antfu
Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.
pinia
antfu
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.
tsdown
antfu
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.
vue-testing-best-practices
antfu
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
System Design & Architecture Standards
HoangNguyen0403
Universal architectural standards for building robust, scalable, and maintainable systems.
hypothesis-testing
poemswe
You must use this when formulating testable hypotheses, designing experimental controls, or defining falsification criteria.
research-methodology
poemswe
You must use this when matching research questions to appropriate designs, sampling strategies, or validity controls.
ln-210-epic-coordinator
levnikolaevich
CREATE/REPLAN Epics from scope (3-7 Epics). Batch Preview + Auto-extraction. Decompose-First Pattern. Auto-discovers team ID.
nextjs-performance
srbhr
Next.js critical performance fixes. Prevents async waterfalls, reduces bundle size, secures Server Actions, and ensures correct production builds. Use when writing React components, data fetching, Server Actions, or optimizing bundle size.
component-refactoring
langgenius
Refactor high-complexity React components in Dify frontend. Use when pnpm analyze-component --json shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when pnpm analyze-component warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants testing without refactoring.
pitch-deck-visuals
inference-sh
"Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting"
axiom-apple-docs
CharlesWiltgen
Use when ANY question involves Apple framework APIs, Swift compiler errors, or Xcode-bundled documentation. Covers Liquid Glass, Swift 6.2 concurrency, Foundation Models, SwiftData, StoreKit, 32 Swift compiler diagnostics.
vercel-react-best-practices
calcom
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
wetrace
afumu
"微信聊天记录分析助手，用于查询、分析和导出本地微信数据库中的聊天数据。适用场景：(1) 查看与特定联系人或群组的聊天消息，(2) 通过关键词搜索跨会话消息，(3) 分析聊天模式、活跃度趋势或关系动态，(4) 导出多种格式的聊天记录（HTML/PDF/DOCX/CSV/XLSX），(5) 获取社交互动和沟通习惯的洞察，(6) 管理客户关系和跟进提醒，(7) 生成年度报告或统计数据，(8) 生成精美的可视化 HTML 页面。触发词：wetrace、微信、聊天记录、wechat、分析聊天、导出聊天、生成报告、生成仪表板，或任何涉及微信聊天数据分析、消息搜索或关系洞察的请求。"