IDE & Editors

Guide for using the Dagu Web UI to manage, monitor, and execute workflows through the browser interface

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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."

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.

Cria e configura um ambiente de desenvolvimento Docker para NestJS com hot-reload, Dev Containers, e zero dependências no host.

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.

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).

This skill should be used when initializing a new Docusaurus documentation site with TypeScript and custom dark mode theme. Provides basic setup with pnpm, theme installation, and configuration templates for technical documentation.

Process unstructured brain dumps, transcripts, and stream-of-consciousness notes into structured knowledge base content. Use when converting raw ideas, meeting notes, or recorded thoughts into organized documentation.

Adapt escape room games for global markets (English, Korean, Japanese) with cultural considerations, efficient translation workflows, and language-agnostic design strategies. Handles multilingual template creation, cultural adaptation, and localization testing. Use when preparing games for international audiences or implementing multi-language support.