This skill identifies and mitigates code injection vulnerabilities in AI systems by testing prompt-to-code, tool exploitation, and template injection vectors.

This skill helps you build and maintain a powerful second brain in Obsidian using PARA, progressive summarization, and focused PKM workflows.

This skill enables semantic code search and call graph insights in Cursor by integrating GrepAI via MCP.

This skill enables seamless integration of custom elements into a React virtual DOM, mapping props, forwarding refs, and syncing events.

This skill helps you generate tailored SaaS marketing ideas and actionable plans from 139 proven strategies across categories.

This skill helps you implement fluid CSS grid layouts with 12 columns and responsive gutters using Utopia utilities.

This skill guides automating websites with Kernel cloud browsers, handling bot detection, login persistence, and session management for reliable browser tasks.

This skill configures Android Fastlane with supply and screengrab to automate Play Store deployment and screenshot capture.

This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.

This skill guides end-to-end system architecture design and implementation, coordinating experts to deliver scalable, secure, and deployment-ready

This skill helps you craft comprehensive, consistent character profiles with motivation, arcs, and dialogue style guidance for rich storytelling.

Evaluates Next.js routes and outputs optimal revalidate settings, cache tags for ISR, SSR configurations, or streaming patterns. This skill should be used when optimizing Next.js caching strategies, configuring Incremental Static Regeneration, planning cache invalidation, or choosing between SSR/ISR/SSG. Use for Next.js caching, revalidation, ISR, cache tags, on-demand revalidation, or rendering strategies.

Complete guide to implementing push notifications in Capacitor apps using Firebase Cloud Messaging (FCM) and Apple Push Notification Service (APNs). Covers setup, handling, and best practices. Use this skill when users need to add push notifications.

Media processing utilities for images, audio, and video using FFmpeg and ImageMagick. Use when working with media conversion, optimization, or batch processing tasks.

CSS fundamentals - selectors, specificity, box model, positioning, units

創意發想：頭腦風暴、靈感激發、創意思維框架、發散與收斂思考

This skill should be used when the user asks about Bootstrap typography, "how do I style text in Bootstrap", "show me Bootstrap heading styles", "Bootstrap text looks wrong", "text not wrapping in Bootstrap", "how to create responsive tables", "Bootstrap table not responsive", "Bootstrap table overflowing on mobile", "how do I format code blocks", "Bootstrap images not responsive", "why is my Bootstrap image not scaling", "how to center images in Bootstrap", "image thumbnail not working", "how to add figure captions", "figure caption not showing", display headings, lead text, text alignment, text formatting, tables, table styling, responsive images, figures, code blocks, blockquotes, lists, abbreviations, horizontal rules, Reboot CSS reset, or when help is needed styling text, tables, images, and other content elements in Bootstrap.

Configure SceneView environment settings including shadows, lighting, backgrounds, underground navigation, and elevation modes. Use for realistic 3D visualizations.

Single image input for world generation - requirements, best practices, and examples

Context-gathering for finding files to read. Maps codebase structure, returns overview + prioritized file list with line ranges. Thoroughness: quick for lookups, medium for bugs/features, thorough for multi-area, very-thorough for architecture audits. Triggers: explore, find files, where is, how does X work.

Frontend website debugging toolkit using Chrome DevTools Protocol with Playwright/WebKit fallbacks. Use this skill when: (1) Debugging CSS, HTML, or JavaScript issues on a webpage, (2) Taking screenshots to verify visual changes, (3) Inspecting DOM structure or console errors, (4) Testing responsive layouts, (5) Extracting selectors for automation, (6) Self-debugging frontend work Claude has created, (7) User says "debug this page", "check my site", "why doesn't this look right", or "fix the frontend". Supports Chrome (primary) and Safari/WebKit (via Playwright). Designed for agent-driven debugging loops.