Каталог навыков агентов

Quy trình refactor portal thành độc lập: phân tích dependencies vào src/shared, copy chính xác các file cần thiết vào po...

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

This prompt instructs an image-generation workflow to produce a single high‑resolution, cinematic night portrait of the...

Use when fixing CSS/JS on a Cafe24 mall with NO FTP integration and no local code mirror — the user gives only a live/te...

Use when updating or verifying UI of a Cafe24-based project against a Figma spec — user provides a test server URL and a...

This prompt instructs an image model to generate a vertical, ultra-photorealistic Y2K-era bedroom mirror selfie with a c...

Callabo 서비스들을 tmux로 한번에 실행합니다. callabo-server, scheduler, callabo-webapp, magi를 4개의 pane으로 구성하여 개발 환경을 빠르게 시작합니다.

Use Checklist Design as a focused UX and UI quality gate when Codex designs, implements, reviews, or refines mobile apps...

Lightweight frontend motion reference inspired by transitions.dev. Use when Codex needs to pick or describe tasteful UI...

Use when a web page must record itself to video. Camera & Action — the in-page recorder: makes any web page (canvas, Web...

Implement camera, photo, live vision, audio, voice, and AI-assisted pipelines for Meta AI glasses while respecting SDK c...

Approved table usage rules. Use when configuring, migrating, or reviewing MatrxDataTable columns, toolbars, or paginatio...

MCP skill for canva. Provides 22 tools: upload-asset-from-url, resolve-shortlink, search-designs, get-design, get-design...

Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmati...

Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools...

Translate all text in a Canva design to another language, creating a translated copy. Faster than manually copying and e...

Create and edit Obsidian Canvas files for architecture visualization

A visualization agent that converts code, design, and context into Mermaid diagrams, ASCII art, or draw.io. It reverse-e...

Draw 2D graphics with the HTML5 Canvas API — shapes, text, images, gradients, transformations, pixel manipulation, and o...

Generates paste-ready Power Apps Canvas App YAML. Invoke when the user wants to replicate a UI mockup, improve an existi...

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user...

Create beautiful visual art in .png and .pdf documents using design philosophy. Use this skill when the user asks to cre...

Creating static visual art — posters, marketing visuals, brand assets, PDF/PNG design pieces — on 'design a poster' or '...

Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, ani...

（中文）Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the u...

使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时，应使用此技能。创作原创视觉设计，切勿复制现有艺术家的作品以避免版权侵权。

使用设计哲学创建精美的 .png 和 .pdf 文档视觉艺术。当用户要求创建海报、艺术作品、设计或其他静态作品时，您应该使用此技能。创建原创的视觉设计，绝不复制现有艺术家的作品以避免侵犯版权。

Generate museum-quality visual designs in PNG and PDF formats by establishing an aesthetic philosophy then expressing it...

Create and edit designs using Canvas API.

Visual art and static design creation. Outputs: .png, .pdf documents. Capabilities: poster design, infographics, visual...

Japanese-inspired canvas and graphic design skill for HTML5 Canvas and SVG, covering traditional aesthetics (ma, wabi-sa...

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user...

Interactive canvas-based design and layout creation

Operate DavidHDev/canvas-ui for selecting and integrating its live-DOM canvas effects, checking framework/renderer packa...

Live WebGL/WebGPU shaders running over interactive HTML DOM elements via HTML-in-Canvas. Text remains selectable, links...

Follow the theme system, slot rules, and panel coordination patterns for all UI work.

Estimates infrastructure needs based on traffic forecasts, workload analysis, and performance requirements with sizing r...

Write or revise figure, table, and algorithm captions using recipes distilled from dissecting top ML researchers' papers...

Build UIs using IBM's Carbon Design System. Use when the user requests Carbon-styled interfaces, IBM-style dashboards, e...

When the user wants to design, optimize, or audit card layouts for content display. Also use when the user mentions "car...

Turn supplied text or evidence into PNG cards, article covers, and explanatory illustrations. Use for content-to-image r...

当需要主动设计和构建个人职业生涯，而非被动接受传统就业时

Competency frameworks, level expectations (Junior to Staff+), and career progression paths for software engineers. Use w...

When the user wants to design, optimize, or audit carousel/slider layouts for content display. Also use when the user me...

Replace token-insertion for fusing vision and language with efficient cross-attention that maintains separate text self-...

Use when creating customer stories that prove ROI, highlight use cases, and equip sales with proof.

Craft portfolio-ready case studies that tell the story of a design project. Runs a structured intake first, then drafts...

Write, restructure, edit, or strengthen UX/UI portfolio case studies, portfolio pieces, project stories, and interview n...

Casper Studios internal design system for generating consistent, production-grade SaaS UI. Use this skill whenever gener...

Guide parsing of Cassandra 5.0+ SSTable components (Data.db, Index.db, Statistics.db, Summary.db, TOC) with compression...

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. Scans the stack, proposes an int...

This skill should be used when the user mentions "translation catalog", "i18n keys", "missing translations", "unused key...

Apply Catppuccin color palettes to configs, stylesheets, and terminal themes. This skill should be used when creating or...

Cấu trúc thư mục dự án JDX-Gamers Website — module duy nhất JGameApp, phân vùng Public/Account, cấu trúc feature, layer...

Build or update Figma variable collections (Primitives and Semantic) from component-contracts token files. Use when the...

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Project Guidelines Skill (Example)

Project Guidelines Skill (Example)

Use when TypeScript configuration, module resolution, public API types, declarations, package exports, narrowing or gene...

Claude-Codex-Gemini tri-model orchestration via /ask codex + /ask gemini, then Claude synthesizes results

Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit...

Use when the user invokes /cdev (with or without arguments) in a repo conditioned for continuous autonomous development,...

AWS CDK実装専用コマンド。GitHub IssueからCDK実装・テスト・CDK合成まで自動実行する。CDKインフラの実装を依頼されたときに使用すること。

Capture a visual demo reel (GIF, terminal recording, screenshots) for PR descriptions. Use when shipping UI changes, CLI...

Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dash...

Advanced human-AI co-creation methodology - the Centaur Principle in practice. Master the art of combining human creativ...

Analiza maquetas y prototipos visuales del proyecto (exportaciones de Stitch en HTML o PNG, Figma, HTML a mano) y los tr...

Design system y principios visuales para mockups HTML del proyecto. Prohíbe emojis, define tokens, iconos SVG, y anti-pa...

Habilidad para generar presentaciones interactivas en HTML del proyecto. HTML custom autocontenido con stage 1280x720, t...

Design system for the CERN Particle Detector aesthetic. Use when building UI components, styling elements, or implementi...

資格試験（AWS 認定など）の問題集とアーキテクチャ説明ガイドを、ビルド不要の静的サイトとして作成・拡充・検査するための手順とノウハウ。 このリポジトリ（AIP-C01 の問題集）で問題を追加・修正するとき、別の試験の問題集を同じ方式で作る...

CesiumJS materials and post-processing — Material, Fabric JSON, MaterialAppearance, ImageBasedLighting, PostProcessStage...

CesiumJS viewer setup - Viewer, CesiumWidget, widgets, Ion token, Scene configuration, SceneMode, factory helpers, geoco...

推論パターンを選択し、根拠サマリーを短く提示するためのプロンプト設計スキル。自己一貫性の比較、推論パターンの適用、説明の明確化を通じて、再現性の高い結論を導く。Anchors:• The Pragmatic Programmer / 適用:...

Build and refactor UI in this repo using Chakra UI v2 + Emotion and the repo theme (`app/theme.ts`). Use for Chakra comp...

Chakra UI — accessible React components. v2/v3 APIs incompatible.

Use when chakra UI React component library — theming, responsive styles, color mode, component composition. Use when wor...

Los usuarios no notan cambios que ocurren fuera de su foco de atención. Use cuando diseñe actualizaciones de estado, not...

Undo a change already written to a ServiceNow instance — recover the prior payload from sys_update_version, write it bac...

Use when working with Chaos Engineering steps inside a Harness pipeline. Covers ChaosFault, ChaosProbe, ChaosAction step...

Use when the user asks to create, edit, update, design, or configure a Harness Chaos Experiment — including faults, prob...

🍆👾 BIG DICK GLITCH GREMLIN SUPER COLLIDER. Unconventional problem-solving with chaotic good energy. Finds creative edg...

CHAPPiE's React frontend. Use when modifying UI pages, components, Tailwind styling, or the chat streaming experience.

Create a compact character bible focused on behavior under pressure, goals, contradictions, relationships, speech, appea...

Use this skill for character creation: "character design", "player character", "NPC design", "antagonist", "villain", "b...

This skill should be used when the user asks to "make a bar chart race", "turn a CSV into a video", "build an animated d...

Use this skill when creating data visualizations, selecting the right chart type, or generating chart code. Trigger phra...

WSJ-like chart text and graphics practice. Use when writing the words on and around a chart or table: headline title tha...

Skill for the Chat area of paddock. 62 symbols across 10 files.

How an agent operates inside a PyWry chat widget — reading user messages, attachments, @-context, tool-call result cards...

Audit and fix chat-based AI UI (chatbots, agents, floating chat) against production best practices from Claude, ChatGPT,...

Designing conversational flows for website chatbots and AI agents. Intent recognition architecture, branching logic, fal...

Guide for implementing ChatGPT Apps using OpenAI Apps SDK. Use when building MCP servers with interactive UI components...

Set up, repair, or verify the local AI short-video environment: video-use, FFmpeg, the Source Han Sans TW subtitle font,...

Foundation skill for integrating OpenAI ChatKit framework with custom backends. This skill should be used for initial Ch...

Implements real-time streaming UI patterns for ChatKit applications. This skill should be used when adding response life...

V4 — Backend-neutral design pipeline with 4 modes: (A) Social Media, (B) UI/UX Feature, (C) Design System, (D) Logo & Br...