Content & Media

build marp presentations

Generate properly configured tsconfig.json files for TypeScript projects with appropriate compiler options for various project types. Triggers on "create tsconfig", "generate tsconfig.json", "typescript config for", "configure TypeScript".

This skill should be used when the user asks to "add unit tests", "write tests", "set up Vitest", "create a utility function", "add test coverage", or mentions TDD, test-driven development, or testing utilities. Provides guidance for unit testing with Vitest in TypeScript/Next.js projects using TDD approach.

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

Security-focused code review guidelines for identifying vulnerabilities

Use this skill when exploring codebase architecture or planning new features requiring models/enums.AUTO-ACTIVATE when user mentions (FR/EN): - modèle, model, models, enum, enums, schema, Prisma schema - architecture, domain, domaine, existe, exists, available, disponible - créer, create, ajouter, add, nouveau, new, nouvelle feature - quel modèle, what model, which model,quel enum - 121 modèles, 87 enums, Planning, Leave, Business RulesThis skill provides INSTANT lookup (500 tokens vs 15k for full ERD) for 121 models and 87 enums.

Follow these patterns when designing guardrails validation contracts in OptAIC. Use for signal bounds, dataset schemas, portfolio constraints, PIT validation, and other domain-specific validation rules. Covers the "Law vs Police" architecture where Definitions contain contracts and the Engine enforces them.

Master system design and scalable architecture. Learn distributed systems, scalability patterns, high availability, and designing large-scale systems.

Guide for creating Claude Code hooks - shell commands that execute at specific lifecycle events (SessionStart, SessionEnd, PreToolUse, PostToolUse, etc.). Use when users want to automate actions, add validation, logging, or integrate external tools into Claude Code workflows.

Guide for adding new AI providers to ClaudeBar using TDD patterns. Use this skill when:(1) Adding a new AI assistant provider (like Antigravity, Cursor, etc.)(2) Creating a usage probe for a CLI tool or local API(3) Following TDD to implement provider integration(4) User asks "how do I add a new provider" or "create a provider for X"

Generate JSON schemas and Python handlers for Qdrant-based retrieval tools used by the RAG agent to search sitemap-crawled textbook content with URL citations.

Systematic architecture analysis following Understand → Research → Specify → Decompose → Plan workflow. Use for system design, solution evaluation, build vs buy decisions, and task decomposition. Activate when users say "design", "architect", "break down", "best approach", or "should I build".

Expert knowledge for UX Layer modeling in Documentation Robotics

Use when creating, assessing, or updating system prompts, instructions, or prompt content for Claude 4.x models (Sonnet 4.5, Haiku 4.5, Opus 4.5). Ensures prompts follow Claude 4 best practices.

Builds accessible UI with shadcn/ui including component installation, customization, theming, and Radix primitives. Use when adding UI components, customizing design systems, implementing accessible interfaces, or building component libraries.

Waterfall Phase 1 - Requirements Analysis (需求分析)

Configures Rollup for ES module bundling with plugins, tree shaking, and multiple output formats. Use when building JavaScript libraries, creating optimized bundles, or publishing npm packages.

An accountability partner for long-term learning journeys. Use when starting a study session to pick up where you left off, get progress summaries, receive quizzes on book material, get guidance on projects, track milestones, and stay motivated. Triggers on: "lets study", "study session", "continue learning", "what should I work on", "quiz me", or when working in a folder with comprehensive-study-plan.md and current-focus.md files.

Lesson content for Claude Code Course.Use when: loading lesson content.Internal skill - contains lesson files.

Design and build reusable, composable UI components following the single responsibility principle with clear prop interfaces and proper state management. Use this skill when creating or modifying React components, Vue components, Svelte components, web components, or any modular UI building blocks. Use this skill when implementing component composition patterns, defining component props and interfaces, managing local component state, or creating component documentation. Use this skill when working with component files in components/, widgets/, views/, or pages/ directories. Use this skill when refactoring large components into smaller composable pieces, establishing component naming conventions, or designing component APIs for reusability across different contexts.