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

Använd när du bygger en grafisk/prominent länk som presenteras som ett kort eller en knapp — varumärkeslogotyper, ikon+l...

This prompt instructs the AI to act as a time travel consultant who evaluates a user-defined historical era and a specif...

Improve TimerMeet's GUI -- simplicity, clarity, layout, and performance-conscious widget choices. Use when the user asks...

Modular composition of TLA+ specifications using EXTENDS INSTANCE and hiding of internal state. Use when building large...

CLI utility to communicate with other CLI Agents or Scripts in other tmux panes; use it only when user asks you to commu...

Control interactive terminal processes via tmux - launch CLI applications, send input, capture output, wait for completi...

grill-me の対話や事前調査の結果を Plan ファイルに構造化して書き出し、続けて /check-plan で監査する（新しい技術要素が入るときは、先に /premise-check の実行を提案する）。「to-plan」「plan...

Använd när du bygger en e-handelstoast — t.ex. "produkt tillagd i varukorgen" (Add to cart-variant med produktbild) elle...

Använd när du bygger en systemgenererad Toast-notifikation — kortlivad, tidsbaserad feedback på en användaråtgärd (spara...

Offer a choice of response depth (25%/50%/75%/100%) with token estimates before answering, then answer at that level. Us...

Offers the user an informed choice about how much response depth to consume before answering. Use this skill when the us...

Set up or run the token build pipeline — transform the DTCG tokens/*.json (source of truth) into platform artifacts (CSS...

Build or audit semantic design tokens in OKLCH, light and dark. Use when the user says "set up design tokens", "audit th...

Audits whether the colors on a Figma frame or page are bound to design system tokens, and maps and binds hardcoded color...

Audit or establish the project's 3-layer token spine. Invoke when the user asks for tokens on their UI, or mentions 'tok...

Push a codebase's design tokens into Figma as variables and modes. Use when the user says "sync tokens to Figma", "creat...

This prompt instructs an image generator to produce a tilted 3:2, 1993-style disposable-camera flash snapshot of a messy...

Day 2 (Tuesday) move of a Design Sprint that structures lightning demos and the four-step independent solution sketch pr...

MCPツールとAPI統合のセキュリティ設計を体系化するスキル。脅威整理、制御設計、設定検証を通じて安全なツール運用を支援する。Anchors:• Web Application Security / 適用: 脅威モデリング / 目的: 攻撃...

Design systematic decision frameworks for selecting appropriate AI tools (Claude Code vs Gemini CLI)based on context req...

Use when you need concrete UI/UX inputs (palette, typography, landing patterns, UX/a11y constraints) to drive design or...

Run a think-aloud usability study with AI testers and UX research facilitation

Orchestrates design-to-development handoff across Figma, Google Drive, Linear, and Slack MCP servers. Use when user says...

Apply the repo's current design-system contracts correctly. Use semantic tokens, DS component props, and app-level Tailw...

Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval req...

At user-specified breakpoints, audit the UI for contrast failures (text/background, icons, controls, focus indicators) a...

Open the app at user-specified viewport widths and systematically detect responsive layout failures (overflow/bleed, cli...

Använd när du lägger till en tooltip på en ikonknapp eller annat element utan synlig text — visas vid hover, aldrig vid...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "...

Expert in point-set topology, algebraic topology, differential geometry, and geometric intuition for abstract concepts

Author and validate DSDS TopologyJSON from architecture descriptions, diagrams, or UI node and edge exports. Use when co...

Implement touch-friendly interactions including proper target sizing, swipe gestures, pull-to-refresh, long-press menus,...

Load this skill whenever the project contains interactive UI elements that users touch, tap, click, drag, swipe, or gest...

Brand voice editor trained on the Tone & Writing Style Guide. Reviews copy for alignment with intimate, bold, consent-fo...

Build a world the human drives until how a thing behaves is intuitive. Use when the user needs to hold how something beh...

Template do pack (fullstack/01-t3-stack.md). Orienta o agente em stacks fullstack e arquitetura ponta a ponta alinhado a...

Generates PRD-to-spec traceability matrix, identifying requirements gaps and scope creep

Prevents unnecessary DOM recreation in Angular lists by using trackBy with *ngFor or track expressions with @for.

Use this skill when generating tracker music to understand WHY to use specific techniques. This is the philosophy layer...

Develop, extend, and maintain the Meridian 10-layer trading bot. Covers indicators, strategies, risk, learning, portfoli...

Core trading strategy rules and guidelines for consistent execution

基于 TrailSnap（行影集）现有设计系统设计、实现和审查前端 UI。适用于 package/website 的新页面、组件、布局、主题、移动端适配与界面改版；纯后端任务和其他项目不适用。

Guidance for training FastText text classification models with constraints on model size and accuracy. This skill should...

Transaction 경계 전문가. TransactionManager(단일 Port persist), ReadManager(단일 Query Port findBy/get),CommandFacade(2+ Manager...

マーティン・ファウラーのPofEAAに基づくトランザクションスクリプトパターンを専門とするスキル。シンプルなビジネスロジックを手続き型で組織化し、CRUDベースのアプリケーション開発を効率化します。Anchors:• Patterns of...

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel revea...

Translate or sync an English lesson/topic into its Spanish twin (or vice-versa) for this Lessons site, keeping frontmatt...

UI/UX design specialist for Treido (Next.js + shadcn/ui + Tailwind v4 tokens). Use for layout, hierarchy, component spec...

Mobile UX specialist for Treido. Use for viewport (dvh/safe-area), touch targets, mobile navigation/drawers, gestures, a...

Build dashboards, analytics interfaces, and data-rich UIs using the Tremor design system (React + Tailwind CSS + Rechart...

Trial optimization and conversion patterns for SaaS. Covers trial design, activation metrics, conversion funnels, and wi...

Applied BCI research and neuro-informed content optimization using Meta's TRIBE v2 brain encoder. Predicts neural respon...

Système de design FIXE du site tribos.evey.run, « Noir & Blaze » (noir chaud, orange, visuels 3D Cinematic du renard). À...

Tristian Walker brand design system — warm, literary, adult. Author of "The Quiet Line." Burnt sienna on cream, Merriwea...

Эксперт по troubleshooting гайдам. Используй для создания диагностических процедур, FAQ и решения проблем.

問題解決を効率化するトラブルシューティングガイドの設計スキル。診断フロー、問題分類、解決手順書を体系的に設計します。Anchors:• 『Don't Make Me Think』（Steve Krug）/ 適用: ユーザビリティ設計 / 目...

Structure educational content using try-first-tell-later pedagogy where students predict, attempt, or reflect before rec...

Use when authoring TypeScript libraries - covers project setup, package exports, build tooling (tsdown/unbuild), API des...

Guide for outputting React/TSX components by prioritizing reusable sub-components, controlling length, and declaring the...

Use when creating, reviewing, or styling charts, graphs, dashboards, sparklines, or any data visualization. Applies to R...

Create Tufte-inspired data reports and infographic dashboards as standalone HTML files. Uses EB Garamond for text, Monas...

Create visual parameter tuning panels for iterative adjustment of animations, layouts, colors, typography, physics, or a...

Complete guide to Hotwire implementation including Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus controllers in...

Use in TURBO mode before finalizing implementation, architecture, UI/UX, 3D web, mobile, SEO/PPC/growth, or programming...

El prompt pide transformar la imagen proporcionada en una ilustración tipo libro para colorear, manteniendo exactamente...

This prompt instructs the AI to retexture the attached image by applying an iridescent, ethereal sky-gradient color sche...

Use when building Apple TV apps — focus-based navigation, Siri Remote interactions, or media/video streaming UI.

Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote inpu...

Lateral-thinking playbook that always returns a five-tier strategy portfolio (Quick Win through Moonshot). Use when you...

Generate a TWEAK_SCHEMA and EDITMODE block inside HTML so users can adjust colors, spacing, typography, and layout via d...

Use when a keyboard focus indicator disappears on some states — a ring invisible on a selected or filled element but fin...

Builds a character-by-character text reveal in DOM and CSS in which a wave runs across a line and each letter flickers t...

TypeScript type generation and synchronization between backend OpenAPI and frontend. Auto-generates types from /openapi....

Applies TypeScript/JavaScript rules for types, async behavior, APIs, tooling, tests, and architecture.

Install a default set of commonly used libraries when initializing a new TypeScript Node.js project (or retrofitting an...

Full-stack TypeScript with Vite 8, React 19, Tailwind v4, shadcn/ui, Biome, Vitest, and Hono 4. Use when setting up or w...

"TypeScript utility types and type-safe API design patterns. Use when designing type systems, creating utility types, or...

TypeScript strict mode patterns with interfaces, type guards, generics, and utility types. Use when defining types, crea...

Apply rigorous TypeScript type design with strong inference, minimal constraints, and sound fallbacks.

Use when writing or reviewing TypeScript frontend tests — Jest unit/integration tests for React components and hooks bui...

Typography pass covering font choice, modular scale, tracking, leading, weight hierarchy, and micro-typography details....

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use wh...

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel inten...

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI M...

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessib...

Använd när du väljer eller granskar typografi/textstilar (Body, Alt-Label, Label, Title, Headline, Display) på Desktop r...

Research-grounded typography for any text-bearing surface — web, PDF, email, documents. GENERATIVE: apply correct line l...

Select typefaces, establish type scales, and create typographic hierarchies for readable, beautiful text. Use for: font...

Apply professional typography principles to create readable, hierarchical, and aesthetically refined interfaces. Use whe...

Audits font loading, type scales, measure, spacing, OpenType, and rendered punctuation with 78 scoped rules. Use when as...

Use type, color, depth, imagery, and polish to communicate and express personality — not to decorate.

Enforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consi...

Enhance headers, buttons, and text with readable typography and micro-animations.