IDE & Editors
2165 skills in Tools > IDE & Editors
analytic-skills-guide
Guide for AI agent to use the tools offered by this library to perform analytic tasks.
webviewbridge-guide
Guide for using WebViewBridge Swift package to build WebPage (macOS 26.0+) bridges with JavaScript injection and bidirectional communication. Use when integrating WebPage with Swift, injecting JavaScript, or handling JS↔Swift messaging.
mcp-bridge
Use the MCP Code Execution Bridge for context-efficient access to Supabase and shadcn tools. Provides API-based database operations (query, insert, update, delete) that work without Docker/MCP servers. Use when you need database access or component management without loading all tool definitions into context.
dagu-webui
Guide for using the Dagu Web UI to manage, monitor, and execute workflows through the browser interface
design-token-extractor
Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and platform-specific formats following W3C standards and modern CSS best practices.
system-design
CTO's deputy for software architecture using Clean/Hexagonal Architecture principles.Socratic approach - asks probing questions to help YOU make informed design decisions.Guides through Discovery → Modeling → Boundaries → Scaffolding phases.Outputs TypeScript scaffolds with ports, adapters, and domain layers.USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture','ports and adapters', 'design this system', 'structure this project', or needshelp thinking through complex software structure.
otel-monitoring-setup
Use PROACTIVELY when setting up OpenTelemetry monitoring for Claude Code usage tracking, cost analysis, or productivity metrics. Provides local PoC mode (full Docker stack with Grafana) and enterprise mode (centralized infrastructure). Configures telemetry collection, imports dashboards, and verifies data flow. Not for non-Claude telemetry or custom metric definitions.
agent-management
Use PROACTIVELY this agent when you need to design and create optimal Claude Code subagents, update existing agents with new capabilities, revise agent configurations, analyze project requirements to identify specialized roles, or craft precise agent configurations with appropriate tool permissions and model tiers. When the user specify "Create or Update subagent [name]", this skill must be triggered.
dev-verify
This skill should be used when the user asks to "verify this works", "prove it's done", "show me evidence", or as Phase 5 of the /dev workflow before claiming completion. Requires fresh runtime evidence.
kobo-translation-es
Translation and localization guidelines for KoboToolbox content from English to Spanish. Use when translating KoboToolbox materials including: (1) Academy courses and educational content, (2) User interface text and documentation, (3) Support articles, (4) Marketing materials, (5) Form building terminology, or (6) XLSForm technical terms. Covers tone, pronouns (tú/usted, tu/vous), gender-inclusive language, and official translations for brand terms and UI elements.
code-reviewer
Comprehensive code review skill for TypeScript, JavaScript, Python, Swift, Kotlin, Go. Includes automated code analysis, best practice checking, security scanning, and review checklist generation. Use when reviewing pull requests, providing code feedback, identifying issues, or ensuring code quality standards.
image-review-pdf
Composable image and video thumbnail processing with PDF generation. Create review PDFs with annotation space, or use the lib modules in custom workflows like daily reports.
frontend-patterns
Build React components and pages in IdeaForge frontend. Triggers: new component, dark mode, API calls, React Context, SSE streams, Tailwind styling. Stack: Next.js 16 App Router, React 19, TypeScript, Tailwind, next-themes.
tdd
Comprehensive guide for Test-Driven Development (TDD) methodology. Use this skill when the user asks to implement features using TDD, write tests first, follow red-green-refactor cycle, or develop code with test-first approach. Also use when user mentions TDD, unit testing workflow, or wants to refactor code with test coverage.
annotate-talk
Create annotated blog posts from technical talks with slides. Use when asked to convert a video presentation to a blog post, create written content from a talk, or annotate slides with transcript.
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
agent-documentation
Standards for creating AGENTS.md files that guide AI coding agents working with your codebase. Use when creating instructions for AI agents to follow project conventions, setup, and workflows.
docker-para-nestjs-dev
Cria e configura um ambiente de desenvolvimento Docker para NestJS com hot-reload, Dev Containers, e zero dependências no host.
timesheet
Converts raw IT troubleshooting notes into professional timesheet entries and ticket documentation. Use when user mentions troubleshooting, AutoTask, time entries, IT tickets, or documenting work for managers. Provides 3 formats - full tickets, timesheet bullets, simple descriptions.
video-processor
Comprehensive video processing toolkit for content analysis, transcription, frame extraction, and documentation generation. Use when working with video files (.mp4, .avi, .mov, .mkv) or YouTube URLs for transcribing video content and generating subtitles, extracting and analyzing frames at intervals or timestamps, creating summaries and reports from video content, extracting metadata and technical information, processing video from filesystem, YouTube, or database sources, or generating documentation from training videos or tutorials. Supports automatic YouTube URL detection and downloading with extended metadata (channel, views, likes, tags).