設計

スナップショットテスト支援。swift-snapshot-testing、UI変更検出。使用タイミング: (1) UIコンポーネントのリグレッションテスト、(2) デザインシステムの検証、(3) 複数デバイス・ダークモード対応の確認、(4) UIリファクタリング時の安全性確保

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

This skill should be used when the user asks to "write documentation", "create docs", "document code", "improve documentation", "documentation best practices", "diataxis", "technical writing", "API documentation", "user guide", mentions documentation quality, documentation structure, or needs guidance on software documentation standards and frameworks.

Building UI with shadcn/ui components for consistent, accessible interfaces. Use when creating forms, buttons, dialogs, tables, and other UI elements with React and Tailwind CSS.

Builds full-stack React applications with Remix using loaders, actions, nested routes, and progressive enhancement. Use when creating Remix projects, implementing data loading, form handling, error boundaries, or deploying to various platforms.

Fundamental patterns for building maintainable, scalable systems: separation of concerns, distributed orchestration, and zero-downtime migration strategies.

創建具有高設計質量的獨特、生產級別的前端界面。當用戶要求構建網頁組件、頁面或應用程式時使用此技能。生成有創意、精緻的代碼，避免通用的 AI 美學。

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

Implement robust error handling with user-friendly messages, specific exception types, centralized error handling, and graceful degradation strategies across the application. Use this skill when writing error handling logic in any code file, implementing try-catch blocks, raising or throwing exceptions, or designing error response formats. Use this skill when validating input and failing fast with clear messages, implementing retry strategies for transient failures, ensuring proper resource cleanup in finally blocks, or creating centralized error handling middleware. Use this skill when working with API endpoints, service layers, data access code, or any code that could fail and needs proper error handling. Use this skill when designing error responses for users or implementing graceful fallback behaviors.

Systematic course improvement framework for post-semester reflection and next-iteration planning.Analyzes what worked, identifies improvements, and creates actionable preparation plans.USE WHEN: user wants to reflect on teaching, improve a course, plan course updates, analyze student feedback,or prepare for next semester. Supports comprehensive analysis or quick targeted reviews.

Interactive question workflow for clarifying unclear or ambiguous tasks. Use when user requests are vague, lack specifications, have multiple valid implementation approaches, or require architectural decisions. Triggers on requests like "add authentication", "build a dashboard", "optimize the database", or any task where requirements are incomplete or implementation details are missing.

Design and implement robust, production-grade backend systems with strong architecture, correctness, performance, and operational rigor. Use this skill when the user asks to build APIs, services, data pipelines, system architectures, or backend-heavy applications.

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

Transforms raw research findings into opinionated, actionable brand strategy documents. A strategist's perspective on synthesizing insights into strategic guidance.

Personal project implementation and modification guide. Use when creating or modifying Python 3.13 personal projects with FastAPI/Typer, pyproject.toml, and uv package manager.

This skill should be used when the user asks to "send a Telegram message", "poll for Telegram updates", "check Telegram bot status", "respond to Telegram messages", "react to messages", "manage Telegram bot", or mentions Telegram Bot API operations. Provides comprehensive guidance for using the tg CLI to interact with Telegram bots.

A comprehensive skill designed for researching on complex diagnosis problems.

Detect unnecessary files and provide cleanup recommendations

Guide developers through PostgreSQL setup, connection configuration, query patterns, and best practices

WinUI 3 and XAML patterns for the Pomodoro Time Tracker. Activates when working with ViewModels, XAML pages, data binding, or UI components.