$ skills --list

Desktop application development with Electron and Tauri

Creates Mermaid/PlantUML diagrams (architecture, sequence, flow) from SAEF artifacts. Use when visualizing system design or documenting workflows.

Create The Jungle Brief newsletter issues. Use when assembling newsletter content from ideas and posts, creating issue sections, or reviewing newsletter drafts. Includes newsletter-specific voice (curated, direct, insider feel), format guidelines, and issue templates.

Styles components using Tailwind CSS 4 and SideDish design system. Use when adding styles, buttons, forms, cards, animations, or responsive layouts. Includes color palette, spacing, and glassmorphism patterns.

Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text, supporting additional languages, or implementing pluralization and interpolation in Fitness Tracker App.

Instrument and diagnose WebF performance in Flutter (FP/FCP/LCP, dumpLoadingState, loading-state events). Use when the user mentions FP/FCP/LCP, dumpLoadingState, first render slow, LCP verification, or performance monitoring.

WordPress performance optimization - Core Web Vitals, image/video compression, caching, asset optimization, and speed testing. Use when optimizing site speed or diagnosing performance issues.

重構/優化流程。當用戶提到「重構」「優化」「調整」「改善」「瘦身」「拆分」「效能」等關鍵字時自動使用。

Comprehensive Tailwind CSS utility framework patterns including responsive design, dark mode, custom themes, and layout systems. Use when styling React/Next.js applications with utility-first CSS.

翻訳ファイル作成、Server/Client Component での多言語実装。翻訳追加、新規ページ作成時に使用。

Building LLM agents with LangChain and LangGraph, covering tool-calling model initialization, state management, and observability with LangSmith. Triggers: langchain, langgraph, langsmith, agent-executor, chat-model-tools.

Embedding model configurations and cost calculators

React Native performance optimization techniques. Use when optimizing app performance.

Optimize markdown files for LLM consumption by adding YAML front-matter with metadata and TOC, normalizing heading hierarchy, removing noise and redundancy, converting verbose prose to structured formats, and identifying opportunities for Mermaid diagrams. Use when preparing technical documentation, notes, research, or knowledge base content for use as LLM reference material or in prompts.

This skill should be used when the user requests to audit, check, or generate authentication and authorization protection for Next.js routes, server components, API routes, and server actions. It analyzes existing routes for missing auth checks and generates protection logic based on user roles and permissions. Trigger terms include auth check, route protection, protect routes, secure endpoints, auth middleware, role-based routes, authorization check, api security, server action security, protect pages.

Detects critical product, scope, data, risk, and success ambiguities in requirements or PRDs and expresses them as structured, decision-forcing clarification questions without proposing solutions or workflow actions.

Guides creation of high-quality MCP (Model Context Protocol) servers that enable LLMsto interact with external services through well-designed tools. Use when building MCPservers to integrate external APIs or services, whether in Python (FastMCP) orNode/TypeScript (MCP SDK). Covers tool design, authentication, Docker deployment,and evaluation creation. NOT when consuming existing MCP servers (use the server directly).

Intelligently update README.md to sync with code changes.LOAD THIS SKILL WHEN: User says "更新 README", "update readme" | new features added | dependencies changed | project structure modified.CAPABILITIES: Detect change type, update feature list, update installation, update examples, preserve license/contributing sections.

HTML/CSS를 WPF CustomControl XAML로 변환할 때 필요한 가이드. CSS 애니메이션, overflow 클리핑, pseudo-element, 회전 요소 등을 WPF로 변환할 때 발생하는 일반적인 실수와 올바른 패턴을 제공한다. 다음 상황에서 사용: (1) HTML/CSS를 WPF XAML로 변환, (2) CSS 애니메이션을 WPF Storyboard로 변환, (3) CSS border-radius + overflow: hidden을 WPF 클리핑으로 구현, (4) CSS ::before/::after pseudo-element를 WPF로 구현, (5) CSS transform: rotate를 WPF RotateTransform으로 변환

Modern responsive image techniques using picture element, srcset, sizes, and modern formats. Use when adding images that need to adapt to different screen sizes, resolutions, or support modern image formats.