majiayu000
- 75k skills
- 0 followers
- 567 repo stars
- 3 weeks ago last updated
- ▌ Scaffolding Vue Components · majiayu000 bundleScaffolds Vue/Nuxt components with Composition API, CSS modules, Vitest tests, and Storybook stories. Use when the user asks to create a Vue component, generate component boilerplate, or mentions Vue 3 architecture.
- ▌ Vue Integration Testing · majiayu000 bundleWrite Vue 3 integration tests using Vitest Browser Mode and Page Objects. Use proactively whenever adding tests for views, components with routing, user flows, or features that span multiple components. Triggers include "add tests", "write tests", "test this", "needs tests", "integration tests", "test the feature", "test user flow", or any task involving testing UI interactions, navigation, dialogs, forms, or multi-step workflows.
- ▌ Vulnerability Discovery · majiayu000 bundleSystematic vulnerability finding, threat modeling, and attack surface analysis for AI/LLM security assessments
- ▌ Waiver Agreement Expert · majiayu000 bundleExpert in waiver agreements where a landlord waives conditions in an offer to lease (often adding new conditions as the price of acceptance). Use when landlord is accepting tenant's offer subject to changes, analyzing whether waiver creates binding contract, negotiating landlord's counter-conditions, evaluating conditional vs unconditional waivers, reviewing acceptance deadlines, or structuring landlord's response to tenant offers. Key terms include waiver of conditions, conditional waiver, unconditional waiver, counter-offer, acceptance deadline, additional conditions, conditions precedent, binding acceptance, qualified waiver
- ▌ Waterui Native Bindings · majiayu000 bundleImplement FFI bindings for WaterUI components across Rust, Apple Swift, and Android Kotlin/JNI layers. Use when adding new component types, metadata wrappers, or fixing native binding errors (UnsatisfiedLinkError, missing symbols, type mismatches).
- ▌ Wcag Compliance Checker · majiayu000 bundleChecks websites for WCAG 2.1 Level AA compliance, identifies accessibility violations, and provides remediation guidance. Use when user asks to "check accessibility", "wcag compliance", "a11y audit", "accessibility violations", or "screen reader testing".
- ▌ Weak Signal Synthesizer · majiayu000 bundleIdentify EMERGING trends by connecting dots across unrelated sources. Monitor niche communities, academic research, GitHub, patents, funding, regulatory changes. Predict what will trend in 3-6 months based on weak signals.
- ▌ Weather Impact Analysis · majiayu000 bundleAnalyze weather data impact on construction schedules. Predict weather delays, optimize work scheduling based on forecasts, and calculate weather-related risk factors for project planning.
- ▌ Weaviate Data Ingestion · majiayu000 bundleUpload and process data into local Weaviate collections with support for single objects, batch uploads, and multi-modal content
- ▌ Web Application Mapping · majiayu000 bundleComprehensive web application reconnaissance and mapping coordinator that orchestrates passive browsing, active endpoint discovery, attack surface analysis, and headless browser automation for complete application coverage.
- ▌ Web Research Documenter · majiayu000 bundleThis skill should be used when users request research on any topic that requires web search, source analysis, and structured documentation saved to a file. It provides a systematic workflow for gathering information from multiple web sources, synthesizing findings into a comprehensive document, and saving results to a user-specified file path. This is a general-purpose research skill that works across all domains and languages.
- ▌
- ▌ Web Test Wallet Connect · majiayu000 bundleConnect wallet to Web3 DApp - navigate to DApp, click Connect Wallet, approve in MetaMask popup, verify connection. Can be used as a test case or as a precondition for other tests.
- ▌ Webapp Escape Architect · majiayu000 bundleDesign and implement Next.js 15 + Supabase architecture for web-based escape room games. Handles database schema design, game engine class structure, scene transition logic, evidence discovery systems, and ending branches. Use when architecting web escape room games, designing game state management, or implementing murder mystery game mechanics with Next.js and Supabase.
- ▌ Webf Infinite Scrolling · majiayu000 bundleCreate high-performance infinite scrolling lists with pull-to-refresh and load-more capabilities using WebFListView. Use when building feed-style UIs, product catalogs, chat messages, or any scrollable list that needs optimal performance with large datasets.
- ▌ Webflow Code Components · majiayu000 bundleExpert guidance for developing React code components for Webflow. This skill should be used when users are building, troubleshooting, or optimizing React components for import into Webflow Designer, working with Shadow DOM styling, managing component communication, or configuring the Webflow CLI.
- ▌ Webflow Module Creation · majiayu000 bundleCreate and register custom JavaScript modules for Webflow projects. Use when creating new functionality, adding data-module attributes, or structuring component logic.
- ▌ Webgl React Integration · majiayu000 bundleManage WebGL contexts and 3D scenes declaratively using React reconciliation.
- ▌ Webshop Action Executor · majiayu000 bundleThis skill executes a specific interface action, such as clicking a button or selecting an option, within a web shopping environment. It should be triggered when a decision has been made (e.g., to choose a color or proceed to purchase). The input is the target action identifier (e.g., 'white' or 'buy now'), and the output is the corresponding formatted action command (e.g., click[white]).
- ▌ Webshop Option Selector · majiayu000 bundleThis skill selects product options or variants (such as size, color, or quantity) on a product detail page based on user preferences or cost optimization. It should be triggered when a product page displays configurable options. The skill evaluates available choices (e.g., 1pcs vs 2pcs) and selects the one that best aligns with the user's constraints, such as minimizing cost.
- ▌ Webshop Search Executor · majiayu000 bundleExecutes a search on an e-commerce platform using parsed keywords. Trigger when you need to find products matching specific criteria from a user query. This skill takes structured search terms and performs a search action, returning a list of product results for evaluation.
- ▌ Website To Vite Scraper · majiayu000 bundleMulti-provider website scraper that converts any website (including CSR/SPA) to deployable static sites. Uses Playwright, Apify RAG Browser, Crawl4AI, and Firecrawl for comprehensive scraping. Triggers on requests to clone, reverse-engineer, or convert websites.
- ▌ Weekly Claude Analytics · majiayu000 bundle주간 Claude Code 사용 분석 리포트 생성. 이번 주 모든 세션 로그를 분석하여 프로젝트별 시간 분포, 작업 유형, Jira 이슈 진행 현황 제공. "주간 분석", "Claude 사용 통계", "weekly analytics" 등의 요청 시 자동 적용.
- ▌ Widgets Live Activities · majiayu000 bundleWidgetKit for Home Screen widgets, Live Activities, Dynamic Island, and Control Center widgets. Use when user asks about widgets, WidgetKit, Live Activities, Dynamic Island, or interactive widgets.
- ▌ Wikilinkify Frontmatter · majiayu000 bundleConvert plain text frontmatter values to wikilinks when they match existing notes. Triggers on "wikilinkify frontmatter", "link frontmatter", "convert to wikilinks".
- ▌ Window Function Builder · majiayu000 bundleЭксперт SQL window functions. Используй для аналитических запросов, OVER clauses и ranking functions.
- ▌ Windows 95 Web Designer · majiayu000 bundleModern web applications with authentic Windows 95 aesthetic. Gradient title bars, Start menu paradigm, taskbar patterns, 3D beveled chrome. Extrapolates Win95 to AI chatbots, mobile UIs, responsive layouts. Activate on 'windows 95', 'win95', 'start menu', 'taskbar', 'retro desktop', '95 aesthetic', 'clippy'. NOT for Windows 3.1 (use windows-3-1-web-designer), vaporwave/synthwave, macOS, flat design.
- ▌ Windsurf Custom Prompts · majiayu000 bundleCreate and manage custom prompt libraries for Cascade. Activate when users mention "custom prompts", "prompt library", "prompt templates", "cascade prompts", or "prompt management". Handles prompt library creation and organization. Use when working with windsurf custom prompts functionality. Trigger with phrases like "windsurf custom prompts", "windsurf prompts", "windsurf".
- ▌ Windsurf Extension Pack · majiayu000 bundleInstall and configure essential Windsurf extensions for productivity. Activate when users mention "install extensions", "setup windsurf plugins", "configure extensions", "extension recommendations", or "productivity extensions". Handles extension installation and configuration. Use when working with windsurf extension pack functionality. Trigger with phrases like "windsurf extension pack", "windsurf pack", "windsurf".
- ▌ Wolf Context Management · majiayu000 bundlePhase-aware context management for coder agents to prevent token bloat through checkpoint/restore pattern
- ▌ Woocommerce Backend Dev · majiayu000 bundleAdd or modify WooCommerce backend PHP code following project conventions. Use when creating new classes, methods, hooks, or modifying existing backend code in WooCommerce projects.
- ▌ Woocommerce Code Review · majiayu000 bundleReview WooCommerce code changes for coding standards compliance. Use when reviewing code locally, performing automated PR reviews, or checking code quality in WooCommerce projects.
- ▌ Word Template Generator · majiayu000 bundleGenerate Word documents (.docx) using direct OOXML manipulation. Use when the user asks to create Word documents, templates, resumes, invoices, letters, reports, proposals, or any .docx file with full control over formatting and structure.
- ▌ Generating Wordpress Fse Blocks · majiayu000 bundleGenerates WordPress Full Site Editing blocks and theme files. Use when the user asks about block.json, Gutenberg blocks, FSE themes, WordPress block development, or theme.json configuration.
- ▌ Workflow Code Generator · majiayu000 bundleGenerates or Refactors workflow files (.agent/workflows/*.md) based on a Blueprint or Audit Report.
- ▌ Workflow Integration CI · majiayu000 bundlePR review response workflow - fetch comments, triage, and respond to review feedback (GitHub and GitLab)
- ▌ Workflow JSON Architect · majiayu000 bundlen8n workflow JSON structure management for Vigil Guard v2.0.0 (24-node 3-branch parallel pipeline). Use for node manipulation, connections, Code node JavaScript, 3-Branch Executor logic, Arbiter v2 integration, and critical reminder to import workflow to n8n GUI.
- ▌ Workflow Reconciliation · majiayu000 bundleReconcile workflow state files to ensure checkpoints are properly updated. Use when state files are out of sync, after subagent completion without handoff, when switching workflows, or when user runs /reconcile command.
- ▌ Workflow Security Audit · majiayu000 bundleComprehensive security assessment and remediation. Use for security reviews, compliance checks, vulnerability assessments.
- ▌ Workflow Spec Architect · majiayu000 bundleDesigns the cognitive blueprint of a workflow before code generation, focusing on Steps, Triggers, and Handoffs.
- ▌ Workflow State Tracking · majiayu000 bundleTracks and visualizes CCPM workflow state transitions (IDEA → PLANNED → IMPLEMENTING → VERIFYING → VERIFIED → COMPLETE). Prevents invalid state transitions and suggests appropriate next actions. Auto-activates when users ask about task status, "where am I in the workflow", "what should I do next", or "can I do this now".
- ▌ Workflows Documentation · majiayu000 bundleUnified markdown and OpenCode component specialist providing document quality enforcement (structure, style), content optimization for AI assistants, complete component creation workflows (skills, agents, commands with scaffolding, validation, packaging), ASCII flowchart creation for visualizing complex workflows, and install guide creation for MCP servers, plugins, and tools.
- ▌ Working With Provenance · majiayu000 bundleUse when tracing Konflux builds from image references, finding build logs from artifacts, or verifying source commits for container images - extracts provenance attestations to navigate from images back to builds and source code
- ▌ World Extractable Value · majiayu000 bundleExtract value from world transitions via Markov blanket arbitrage. WEV = PoA - 1. Paradigm Multiverse Finance integration.
- ▌ Worldcrafter Auth Guard · majiayu000 bundleAdd authentication and authorization to routes, Server Actions, and API endpoints using Supabase Auth. Use when user needs "protect [route]", "add authentication", "require login", "add RBAC", "implement login/logout", or mentions auth, permissions, OAuth, API keys. Provides patterns for protected routes, Server Action auth checks, role-based access control (5 roles), OAuth providers (Google, GitHub), email verification, password strength, account lockout, and API key authentication. Do NOT use when building new features (use worldcrafter-feature-builder which can add auth), database-only changes (use worldcrafter-database-setup for RLS policies), routes without auth (use worldcrafter-route-creator), or testing only (use worldcrafter-test-generator).
- ▌ Writing Commit Messages · majiayu000 bundleUse when reviewing commit messages for compliance with the seven rules from cbea.ms/git-commit - checks subject line length, imperative mood, line wrapping, and that the message explains what and why
- ▌ Ring Writing Functional Docs · majiayu000 bundlePatterns and structure for writing functional documentation including guides, conceptual explanations, tutorials, and best practices documentation.
- ▌ Writing Pr Descriptions · majiayu000 bundleVoice guide for writing PR descriptions. Use this skill for ALL PR creation and updates (via gh CLI or editing existing PRs). Contains your specific voice rules, anti-patterns, examples, and workflow. Never write PR descriptions without invoking this skill first.
- ▌ Writing Prds Executable · majiayu000 bundleDraft, critique, or rewrite PRDs (product requirements / product specs) and adjacent artifacts (PR/FAQ, acceptance criteria, rollout plan). For AI/LLM features, also draft eval specs (LLM-as-judge) and prompt sets. Output must be in English. Use when the user asks for a PRD/spec/requirements/PRFAQ/evals/prompt sets, or needs help clarifying scope, success metrics, non-goals, user stories, or stakeholder alignment.
- ▌ Writing Utility Helpers · majiayu000 bundleStandardizes frequent utility functions for currency, dates, and strings. Use to maintain consistency in formatting.
- ▌ XML Context Engineering · majiayu000 bundleUSE WHEN: writing system prompts, structuring complex instructions, engineering context for Claude agents, optimizing attention efficiency in long prompts. DO NOT USE WHEN: writing regular code, simple messages, or content where Markdown suffices. For optimal context architecture, trigger deep thinking with "think harder" or "ultrathink" to analyze attention economics thoroughly.
- ▌ YAML Pipeline Validator · majiayu000 bundleValidate and lint Azure Pipelines YAML with best practices checks. Use when validating pipeline syntax or ensuring pipeline quality.
- ▌ Yandex Keyword Research · majiayu000 bundleResearch keywords for Russian/CIS markets using Yandex Wordstat data. Analyzes search volumes, trends over time, and regional distribution. Use when user asks about keyword research, search volumes, trending topics, or what people are searching for in Russia/CIS.
- ▌ Zustand Mobile Patterns · majiayu000 bundleZustand state management for React Native. Use when implementing client-side state.
- ▌ 3d Interaction Design · majiayu000 bundleDesign heuristics for three-dimensional interaction — input modalities (6DoF controllers, gaze, gesture, voice), selection and manipulation techniques (ray-cast, virtual hand, go-go, world-in-miniature), navigation (teleport, continuous, redirected walking), and feedback loops (haptic, audio, visual). Covers Fitts' law in 3D, discoverability vs affordance, safe-zone design, and comfort/simulator sickness mitigation. Use when designing VR/AR interactions, immersive walkthroughs, or any input system where the user's body is the controller.
- ▌ Af Sync Figma Designs · majiayu000 bundleSync designs between Figma and code via round-trip workflows. Use when capturing live UI to Figma, extracting design context back to code, managing Code Connect mappings, or syncing via Anima.
- ▌ Agf Design Discipline · majiayu000 bundleUse when uiux-designer is about to produce a design spec (spec.md) or static HTML prototype, or frontend-dev is about to build UI from a design. Provides the anti-AI-slop design discipline layer — Brief Inference (Design Read), three aesthetic dials tuned for product UI, AI Tells blacklist with overrides, mechanically-checkable Pre-Flight. Sits above the token layer (DESIGN.md) and mechanical review (code-reviewer); does not redeclare tokens or guide non-shadcn design systems. Inspired by taste-skill, cropped for AGF product UI per ADR-013.
- ▌ AI Interface Reviewer · majiayu000 bundleAudit AI-powered interfaces against the uxuiprinciples Part V taxonomy — 44 principles covering transparency, trust calibration, human override, consent, agentic workflows, and conversational design. Returns structured findings with severity and remediation. API key optional — enriched output requires uxuiprinciples.com API Access.
- ▌ Aios UX Design Expert · majiayu000 bundleUX/UI Designer & Design System Architect (Uma). Complete design workflow - user research, wireframes, design systems, token extraction, component building, and quality assurance
- ▌ Ambiguity Elimination · majiayu000 bundle曖昧性検出と除去スキル。定性的・不明確な表現を具体的・測定可能な要件に変換します。 Anchors: • Don't Make Me Think(Steve Krug)/ 適用: ユーザビリティ判断とUI明確性 / 目的: ユーザーが「考えずに理解できる」表現基準の提供 • 5つの曖昧性パターン / 適用: 要件ドキュメント全体 / 目的: 定性的・曖昧な表現を体系的に検出・排除 • 定量化フレームワーク / 適用: 非機能要件の具体化 / 目的: 「速い」「多い」などの曖昧語を計測可能な指標へ変換 Trigger: 要件ドキュメントに「速い」「多い」「適切に」などの定性的表現や、定義・スコープ・条件が不明確な箇所があるとき。受容基準・パフォーマンス目標・条件の曖昧性を解決してから開発を開始する必要があるときに適用。
- ▌ API Design Principles · majiayu000 bundleMaster REST API design principles to build intuitive, scalable, and maintainable APIs. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
- ▌ Arcanea Design System · majiayu000 bundleThe complete Arcanean Design System - cosmic visual language, academy themes, component patterns, and design tokens for magical interfaces
- ▌ Arch Lens Concurrency · majiayu000 bundleCreate Concurrency architecture diagram showing parallel execution patterns, thread pools, synchronization, and barriers. Physiological lens answering "How does parallelism work?"
- ▌ Architecture Designer · majiayu000 bundleUse when designing new system architecture, reviewing existing designs, or making architectural decisions. Invoke for system design, architecture review, design patterns, ADRs, scalability planning. K
- ▌ Architecture Patterns · majiayu000 bundleArchitectural pattern guidance and layering principles. Use when architecture patterns guidance is required.
- ▌ Bpm Learning Designer · majiayu000 bundleTurns BPM content into learning paths, micro-lessons, and exercises for analysts, managers, and process owners.
- ▌ Brand Visual Language · majiayu000 bundleA brand's visual tone — playful or serious, rounded or angular — should be consistent across all UI elements. Shape language in typography, border-radius, and iconography communicates personality before a single word is read. Use when establishing a design system, choosing icon libraries, setting border-radius tokens, or reviewing visual consistency.
- ▌ Cesiumjs Viewer Setup · majiayu000 bundleCesiumJS viewer setup - Viewer, CesiumWidget, widgets, Ion token, Scene configuration, SceneMode, factory helpers, geocoders, platform services. Use when initializing a CesiumJS application, configuring viewer widgets, setting Ion access tokens, creating default terrain or imagery, or bootstrapping a 3D globe.
- ▌ CI CD Pipeline Design · majiayu000 bundleGuide developers through CI/CD pipeline design including architecture patterns, stage design, and security considerations
- ▌ Cloodle Design Tokens · majiayu000 bundleCloodle design system tokens for colors, typography, spacing, and components. Use when styling Cloodle interfaces, creating CSS, or implementing consistent visual design across the platform.
- ▌ Comfyui Node Registry · majiayu000 bundleAuthoring & publishing ComfyUI custom nodes to the Comfy Registry — node structure, pyproject.toml spec, comfy-cli publishing, and CI
- ▌ Compliance Management · majiayu000 bundleMaster compliance management with GDPR, SOC 2, ISO 27001, audit preparation, and regulatory requirements.
- ▌ Containment Brutalism · majiayu000 bundleEnforce Containment Instrument Brutalism on all UI, rendering, and visualization code. Emotional target — billion-dollar research lab reactor display. Material rule — crude but expensive.
- ▌ Context Editing Guide · majiayu000 bundleManaging context window, token optimization, summarization strategies for long conversations.
- ▌ Custom Hooks Patterns · majiayu000 bundleReactカスタムフックの設計・抽出・合成・テストの実務指針を提供するスキル。 再利用性と保守性を高めるための判断基準を整理する。 Anchors: • Learning React / 適用: フック設計の基本 / 目的: 再利用可能な設計 • React公式ドキュメント / 適用: フックルール / 目的: 安全な実装 • Refactoring / 適用: 抽出判断 / 目的: 重複削減と責務分離 Trigger: Use when designing custom React hooks, extracting reusable logic, composing hooks, or validating hook usage patterns. custom hooks, hook composition, hook extraction, hook testing, hook design
- ▌ Delivery Design Review · majiayu000 bundleFacilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.
- ▌ Design System Starter · majiayu000 bundleUse this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.
- ▌ Design Taste Frontend · majiayu000 bundleSenior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
- ▌ Domain Event Patterns · majiayu000 bundleドメインイベントパターンを使用して、ビジネスドメイン内で発生した重要な出来事をモデル化・永続化・伝播するスキル。 イベントソーシング、CQRS、イベント駆動アーキテクチャの実装をサポートする。 Anchors: • Domain-Driven Design (Eric Evans) / 適用: ドメインイベント設計 / 目的: ビジネス上の重要な出来事の捕捉 • Implementing DDD (Vaughn Vernon) / 適用: イベントストア実装 / 目的: イベント永続化パターン • CQRS/Event Sourcing (Greg Young) / 適用: 状態再構築 / 目的: イベントストリームからの状態復元 Trigger: Use when designing domain events, implementing event sourcing, building event-driven architecture, modeling state changes as events, implementing CQRS patterns, creating event stores. domain event, event sourcing, CQRS, event-driven, event store, event handler
- ▌ Electron Architecture · majiayu000 bundleElectronデスクトップアプリケーションのアーキテクチャ設計を専門とするスキル。 Main/Renderer/Preloadプロセスの責務分離、型安全なIPC通信設計、セキュリティ設定を支援する。 Anchors: • Clean Architecture (Robert C. Martin) / 適用: 依存関係ルール / 目的: プロセス間の責務分離 • Electron公式ドキュメント / 適用: プロセスモデル / 目的: セキュアな設計パターン • TypeScript / 適用: 型安全なIPC設計 / 目的: エンドツーエンドの型安全性 Trigger: Use when designing Electron architecture, implementing IPC communication, configuring security settings, or separating Main/Renderer responsibilities. electron, ipc, main process, renderer, preload, contextIsolation, contextBridge
- ▌ Electron Ipc Patterns · majiayu000 bundleElectronプロセス間通信(IPC)パターンの設計と実装専門知識。 安全で効率的なMain-Rendererプロセス通信、contextBridge、型安全なAPI設計を提供。 Anchors: • Electron Security / 適用: contextBridge/preload設計 / 目的: セキュアなIPC実装 • Clean Architecture / 適用: Main/Renderer境界設計 / 目的: 責務分離と保守性 • Type Safety / 適用: TypeScript型契約 / 目的: IPC通信の型安全性確保 Trigger: Use when implementing IPC communication patterns, setting up contextBridge, designing typed IPC handlers, securing renderer-main communication, or structuring bidirectional messaging flows. ipcMain, ipcRenderer, contextBridge, invoke, handle, preload, typed IPC
- ▌ Figma Component Audit · majiayu000 bundleAudit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, review a design system, check component consistency, identify missing components, or assess Figma library health. Produces a structured audit report with issues prioritised by impact, naming recommendations, and a fix plan.
- ▌ Figma Make Guidelines · majiayu000 bundleGenerate, rewrite, or repair exactly one copy-ready `guidelines/Guidelines.md` for Figma Make, with self-contained rules and explicit token values. Use when users ask to create/standardize/fix Figma Make guidelines, request one canonical guideline file, request tokenized design rules with direct values (color/type/spacing/states), or ask to replace repository-path references with inline values.
- ▌ File Watcher Security · majiayu000 bundleファイル監視システムのセキュリティ対策を実装するスキル。パストラバーサル・シンボリックリンク攻撃の防止、最小権限の原則に基づく権限管理、多層防御アーキテクチャを設計・実装。 Anchors: • Threat Modeling(Adam Shostack) / 適用: STRIDEモデル / 目的: 脅威の体系的分類 • Web Application Security(Andrew Hoffman) / 適用: 入力検証 / 目的: パストラバーサル対策 • OWASP Cheat Sheet / 適用: 防御パターン / 目的: 実装レベルのセキュリティ Trigger: Use when implementing file watcher security, preventing path traversal attacks, detecting symbolic link attacks, designing access control, or conducting security audits.
- ▌ Fluent2 Design System · majiayu000 bundleBuild interfaces using Microsoft's Fluent 2 design system via @fluentui/react-components (v9). Use when the user requests UI built with Fluent UI, Fluent 2, Microsoft design language, Teams-style UI, or Office-style interfaces. Covers: React component usage, theming with FluentProvider, styling with makeStyles/tokens/Griffel, design token application, layout patterns, typography, color system, accessibility, dark/light/high-contrast themes, and custom branding. Also triggers for: "make it look like Teams/Outlook/Office", "use Fluent", "Microsoft design system", "@fluentui", or any request to build UI that follows Microsoft's design language. Do NOT use for Fluent UI v8 (@fluentui/react) unless migrating to v9.
- ▌ Flutter Accessibility · majiayu000 bundleFlutter accessibility patterns for WCAG 2.2 Level AA compliance: Semantics widget, screen readers, focus management, dynamic font sizing, gesture alternatives, and touch targets (48x48dp minimum). Use when implementing a11y features, auditing accessibility, or ensuring WCAG 2.2 compliance (government deadline April 24, 2026).
- ▌ Angular Form · majiayu000 bundleUse when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns.
- ▌ Frontend Fundamentals · majiayu000 bundleAuto-invoke when reviewing React, Vue, or frontend component code. Enforces component architecture, state management patterns, and UI best practices.
- ▌ Frontend Technologies · majiayu000 bundleMaster modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications, optimizing UI performance, or learning frontend frameworks.
- ▌ IOS Swift Concurrency · majiayu000 bundleUse when implementing async/await, Task management, actors, or Combine reactive patterns in iOS applications.
- ▌ Japanese Brand Design · majiayu000 bundleJapanese brand design guidelines with traditional color palettes (伝統色), typography (ゴシック体/明朝体), ma (間) spacing, wabi-sabi (侘寂) aesthetics, and logo design for Japanese characters. Triggers on requests for 和風デザイン, ブランドデザイン, 伝統色, 日本語タイポグラフィ, ロゴデザイン, 配色ガイド.
- ▌ Jutsu Expo Expo Router · majiayu000 bundleUse when implementing file-based routing in Expo with Expo Router. Covers app directory structure, navigation, layouts, dynamic routes, and deep linking.
- ▌ Lovable Dashboard Pro · majiayu000 bundleGenerate data-rich, interactive analytics dashboards in Lovable with advanced chart layouts, real-time patterns, KPI cards, and intuitive navigation.
- ▌ Migrate Design System · majiayu000 bundleMap this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their stack, or migrate between systems. Use when the user mentions interop, migration, or a specific design-system/component-library bridge.
- ▌ Mortgage Servicing Ca · majiayu000 bundleRegulatory guidance for Canadian mortgage servicing software. Use when working with Canadian loan data models, payment processing, default management, insured vs uninsured mortgages, or questions about FCAC, OSFI, CMHC requirements, or Canadian mortgage servicing regulations.
- ▌ Mortgage Servicing Us · majiayu000 bundleRegulatory guidance for U.S. mortgage servicing software. Use when working with loan data models, payment processing, loss mitigation workflows, compliance timelines, or questions about RESPA, TILA, FCRA, GSE requirements, or mortgage servicing regulations.
- ▌ Nw Ddd Event Modeling · majiayu000 bundleEvent Modeling facilitation technique — brainstorm events, identify commands and views, define aggregate boundaries, write Given-When-Then specifications
- ▌ Observability Pillars · majiayu000 bundleオブザーバビリティ三本柱(ログ・メトリクス・トレース)の統合設計スキル。 相関IDによる連携と双方向ナビゲーション(メトリクス→ログ→トレース)を実現。 Anchors: • Observability Engineering (Charity Majors) / 適用: 三本柱統合パターン / 目的: 高カーディナリティObservability • Google SRE Book / 適用: メトリクス設計とSLI/SLO / 目的: 信頼性エンジニアリング • W3C Trace Context / 適用: 分散トレーシング標準 / 目的: 相互運用可能なトレース伝播 Trigger: Use when integrating logs, metrics, and traces with correlation IDs, designing bi-directional navigation between pillars, implementing OpenTelemetry, or setting up high-cardinality observability. observability, three pillars, logs, metrics, traces, correlation ID, OpenTelemetry, tracing, distributed systems
- ▌ Pmtl Vercel Precision · majiayu000 bundlePrecision refinement skill for PMTL_VN. Use when the user wants homepage or frontend UI to feel more exact, disciplined, and premium through tighter spacing, surface vocabulary, hierarchy, card anatomy, and restrained motion.
- ▌ Rails Service Objects · majiayu000 bundleDesign and implement Rails service objects for complex multi-step business logic. Use when business operations span multiple models, require transaction coordination, or need complex error handling with structured results.