В каталоге 183 730 навыков в 14 категориях.
Email look and structure for this API's transactional mail. Use when adding a notification that sends mail, editing any...
Emails HTML que se ven bien en Gmail/Outlook/Apple Mail: transaccionales y newsletters con react-email/MJML o plantillas...
Create ServiceNow sysevent_email_action notifications — templates with substitution variables, mail scripts for dynamic...
Design automated email nurture sequences and drip campaigns with segmentation strategies, behavioral triggers, and conve...
Transactional email (Resend, SendGrid, SES), templates (React Email, MJML), deliverability (SPF/DKIM/DMARC), and inboxin...
> Generate Email Templates: React Email templates for common scenarios.
Core architecture patterns for embedded-components monorepo. Use when creating new components, organizing code structure...
Use when documenting an embedded device GUI (ESP32/Arduino touchscreens, LovyanGFX/TFT_eSPI/U8g2/LVGL screens) for end-u...
Execute a safe sensor/actuator loop to ground tasks in local system state. Use when tasks require environment feedback o...
Builds a WebGL bevel-and-emboss effect in which words or SVG shapes are debossed into tinted plaster panels, with a heig...
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it an...
Try to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fie...
Emil Kowalski's technique reference for component behavior, CSS transforms, clip-path, gestures, and animation performan...
Polish UI components and purposeful motion using Emil Kowalski's design engineering principles. Use for feedback, transi...
Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component cr...
Advisory design reference for emil-design-eng; preserve current canonical rules, incumbent components and user authoriza...
Point to Emil Kowalski's emil-design-eng skill and explain when to use it. Use when asked how to install emil-design-eng...
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in...
Motion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add taste...
One sentence - what this skill does and when to invoke it
Los tres niveles de procesamiento emocional de Don Norman. Use cuando diseñe para engagement, satisfacción del usuario,...
Research user needs, existing patterns, and accessibility requirements before designing a component
LLM guide for creating, publishing, and running Enact tools
Revue visuelle selon la direction « Encre » du design system de Paul Perigault. À déclencher pour relire ou critiquer un...
End-to-end (E2E) testing patterns for user journeys, browser automation, UI state, and production-like environment valid...
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying m...
Engineering runbook / incident response guide with step-by-step procedures, code snippets, and severity indicators. Use...
You are **Frontend Developer**, an expert frontend developer who specializes in modern web technologies, UI frameworks,...
You are **Mobile App Builder**, a specialized mobile application developer with expertise in native iOS/Android developm...
You are **EngineeringSeniorDeveloper**, a senior full-stack developer who creates premium web experiences. You have pers...
Use only when the request concerns standards, responsibility, complexity, smells, naming, refactoring catalogs, or task-...
Systematic UI enhancement and verification. Covers styling upgrades, responsiveness, and rigorous integrity testing to p...
Comprehensive design enhancement that chains all design skills in phases - analyze, mobile optimize, conversion optimize...
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects de...
Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for...
Enhance book notes with Blinkist-style summaries. Use when asked to "enhance notes", "improve book notes", "add key insi...
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity d...
Large-org professional with data-dense blue-gray layouts and structured hierarchy
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured la...
约束驱动的企业级中后台前端规范执行器。凡企业级前端 / 中后台 / 管理端 / 控制台 / dashboard / admin console / workbench / enterprise frontend 的新建、扩展、迁移、审查——...
Enterprise-grade frontend design agent combining bold aesthetics with production-ready architecture. Creates distinctive...
Generates entrypoint.sh script for Docker container runtime environment variable injection. Replaces placeholder values...
Conditionally generates .env.standalone file for micro-frontend applications only. Enables running micro-frontends in st...
Review *changed* code against EmptyOS conventions (CLAUDE.md patterns) for reuse, quality, and efficiency, then apply th...
Displays standardized interactive breakpoints with AskUserQuestion integration for EPCI v6.0 workflows. Renders ASCII bo...
Tailwind CSS patterns for presentation layer. Includes design tokens, component variants (primary, secondary, success, w...
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and pre...
Transform content through eight cognitive lenses for different kinds of understanding. Use when the same concept needs e...
Create editable product and personal introduction videos, GIF demos, and animated GitHub README showcases. Reuse existin...
ReactのError Boundary実装とエラーハンドリング戦略を専門とするスキル。堅牢なエラー処理とユーザーフレンドリーなフォールバックUIを実現する。Anchors:• The Pragmatic Programmer / 適用:...
The frontend Error Inspector capture system (captureError, lib/diagnostics/**). Use when wiring a new CapturedErrorSourc...
Standardize how applications handle failures across frontend, backend, APIs, databases, integrations, forms, and user wo...
Frontend error handling patterns for Next.js — error boundaries, API error display, form validation errors, and global e...
Error handling patterns including exception hierarchies, error messages, and recovery strategies. Activated when designi...
Next.js App Routerのエラーハンドリングを専門とするスキル。error.tsx、not-found.tsx、global-error.tsxを使用したエラー境界とリカバリーを実現。Anchors:- The Pragmati...
Design error states and recovery workflows that guide users to resolution. Learn context-aware error messages, graceful...
ユーザーフレンドリーなエラーメッセージの設計を専門とするスキル。 エラーコード体系、多言語対応(i18n)、アクション指向のメッセージ設計を提供。 Anchors: - The Pragmatic Programmer / 適用: 実践的...
Comprehensive guide to writing clear, helpful, and user-friendly error messages that guide users to solutions
"Master error handling and recovery patterns for robust agent workflows. Learn retry strategies, timeout handling, optim...
エラー復旧プロンプトの設計と改善を専門とするスキル。ユーザーがエラーから回復するための効果的なガイダンスを提供。Anchors:- The Pragmatic Programmer / 適用: エラーハンドリング原則 / 目的: 回復可能な...
Expert guide for error handling patterns, resilience engineering, retry strategies, circuit breakers, and graceful degra...
Enforce ES5-only syntax for ServiceNow server-side scripts (Rhino engine) — convert const/let, arrow functions, template...
Guide to deciding whether to escalate from a lower model (haiku/sonnet) toa higher model (sonnet/opus).Triggers: model e...
逃离计划 - 最终章,Stella必须决定是否修复飞船返回地球,还是留在盖亚,这是艰难的抉择
ESLint audit and configuration patterns for T3 Turbo projects. Covers flat config setup, custom rule creation, oxlint in...
Design and implement the personality, conversational style, and emotional behavior of the Ethereal "Digital Spirit". Use...
Pre-ship audit checklist for Ethereum dApps built with Scaffold-ETH 2. Give this to a separate reviewer agent (or fresh...
Designs reliable ETL and data synchronization jobs with incremental updates, idempotency guarantees, watermark tracking,...
Product photography for Etsy — composition, lighting, backgrounds, editing, lifestyle shots, 360 views
Work safely on Eve-specific internals in the Eve chat template. Use when changing the Eve agent, withEve routes, eveChan...
Capture professional event photography including weddings, corporate events, conferences, parties, and live performances...
Create an energetic EVENT PROMO VIDEO as one self-contained HTML file: the event name popping in, date, time and place,...
Event Storming Big Picture on a bounded context or the whole project. Explores code to discover domain events, commands,...
Event system patterns — C# events, UnityEvent, SO event channels, static EventBus. When to use each, zero-allocation pat...
当使用者说"给我们的活动做个网站"、"展会/开放日/校园导览/博物馆/市集要一个手机导览站"、"做个可以拖动的 3D 楼层图"、"展位地图和路线导航"、"每个展商/学校一页"、"像 College Fair 那个网站一样好看"时使用。适用于...
Facilitate interactive brainstorming sessions using diverse creative techniques and ideation methods. Use when the user...
Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications"...
This skill enables makepad-skills to self-improve continuously during development.
Capture positive evolutions from epic execution. Detects new components, fields, patterns, and capabilities added during...
Find web content similar to a given URL using AI-powered similarity matching. Use when you have an example page and want...
Use this skill when required to run the example script.
Patterns for using Helios with React. Use when building compositions in a React environment.
Patterns for using Helios with SolidJS. Use when building compositions in a SolidJS environment, utilizing signals for f...
Learn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.
Patterns for using Helios with Three.js and React Three Fiber. Use when creating 3D animations or integrating WebGL scen...
Use when demonstrating plugin workflow features - shows how skills can guide multi-step processes
Work with .excalidraw and .excalidraw.json diagrams, including reading, explaining, comparing, creating, and editing the...
Create and design Excalidraw diagrams, especially architecture diagrams for software, cloud (AWS, Azure, GCP), databases...
Create professional diagrams and visualizations using Excalidraw JSON format. Specialized for IT architecture diagrams,...
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, archite...
[Utilities] Use when the user wants to visualize workflows, architectures, or concepts as Excalidraw diagram JSON files.
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to create, draw, sketch, or vis...
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart...
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explainin...
Generate hand-drawn style diagrams from natural language using Excalidraw, rendered to PNG/SVG via headless Playwright.
Generate Excalidraw-style whiteboard slide prompts for YouTube videos (Hormozi aesthetic).
ดำเนินงานUX/UIเรื่องวิเคราะห์ผู้ใช้ ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์แล...
ดำเนินงานUX/UIเรื่องวาง user flow ตามแผนที่ยืนยันแล้ว ใช้เมื่อมี input ครบและคำสั่งอยู่ใน allowlist พร้อมตรวจผลลัพธ์และร...