Content & Media

Use when capturing screenshots, automating browser interactions, or scraping web content. Covers Playwright Python API for page navigation, screenshots, element selection, form filling, and waiting strategies.

SwiftUIを使ったiOSアプリのUI実装を支援するスキル。View +

Use when creating or modifying Tamagui UI components in packages/ui. Enforces design token usage, theme compatibility, and cross-platform considerations.

Infer and verify install/test/lint/build commands for the repo.

Generate images using OpenAI's GPT Image model. Use for creating images from text prompts. Keywords: image, generate, openai, gpt-image, dalle, picture, art, create.

Optimize application performance including build times, runtime speed, bundle size and resource usage. Use when addressing performance issues, implementing caching strategies, or optimizing rendering.

Generate professional slide decks and presentations using Formula Botanica brand guidelines - green botanical theme with Roboto Light/Thin fonts, leaf logo motifs, and clean layouts for finance processes, team presentations, and internal documentation.

This skill should be used when the user asks to "update spec", "update plan", "create derive artifacts", "check progress", "session continuity", "derive documents", or needs guidance on managing the persistent documentation artifacts used by the DERIVE workflow. Provides templates and guidance for each artifact type.

Creates well-formed tasks following a template that engineers can implement. Use when creating tasks, defining work items, creating tasks from PRD, breaking down features, or converting requirements into actionable tasks.

Design phase with validation gates. Annotates PRD, creates story outlines, builds execution plan (via execution-plan-creation skill), validates artifacts via reviewer. NO HITL in this phase - single HITL happens after all docs complete.

PolicyEngine visual identity - colors, fonts, logos, and branding for web apps, calculators, charts, and research

Write consistent, maintainable CSS following the project's methodology (Tailwind utility classes) while minimizing custom CSS and adhering to design system tokens. Use this skill when writing or editing CSS files, Tailwind classes in React components (.tsx, .jsx files), when implementing design system colors/spacing/typography, when using Tailwind utility classes, when deciding between framework utilities vs. custom CSS, when optimizing CSS for production with tree-shaking, when configuring Tailwind theme extensions, or when maintaining design consistency across the application.

Build interactive CLI questionnaires with validation, conditional logic, parameter mapping, and review capabilities using the question-and-answer library

Download YouTube video transcripts using Playwright browser automation. Use when user provides a YouTube URL and wants the transcript, asks to download/get/fetch captions or subtitles from a YouTube video.

Create distinctive, production-grade frontend interfaces with high design quality. Specialized in Svelte/SvelteKit applications with full-stack capabilities. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Use when implementing new features in Quetrex. Ensures TDD, TypeScript strict mode, Next.js App Router patterns, ShadCN UI components, and security best practices are followed. Updated for November 2025 standards.

Create a git commit with a short message (up to 50 characters). Use when the user asks to commit changes with a short/concise message.

Guia implementação de breadcrumb de navegação hierárquica seguindo padrões de acessibilidade WCAG e design system do Plataforma B2B de treinamento técnico corporativo

User feedback patterns for interactions - loading states, success/error messages,form validation, empty states. Ensures users understand system state and next steps.Use when implementing user-facing state changes and interactions:- Form submissions with validation feedback, success/error messages- Async operations needing loading indicators (API calls, data fetching)- Error handling flows with clear recovery paths and retry options- Empty state designs with helpful messaging (no data, no results)- User mentions "form", "loading", "error", "validation", "async", "API call"Keywords: loading, success, error, form, validation, async, feedback, toast, empty stateFocus on WHEN to show feedback, WHAT type (toast/inline/modal), HOW LONG (timing).

Skill cho việc design, implement, và maintain tests hiệu quả.