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

Build a throwaway prototype to answer a design question. Use when the user wants to prototype, sanity-check whether a st...

Scaffold a feature prototype under docs/prototype/<feature> — a PROTOTYPE.md (UX, features, high-level data model) with...

Produces self-contained HTML/CSS mockups and wireframes from design tokens and page specs — the output is always a viewa...

Explicitly build a disposable logic or UI prototype to answer one design question.

Build the component in Figma using the chosen design approach from ideation

Create quick React prototypes that bundle to a single HTML file. Use for demos, interactive experiments, or shareable ar...

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip...

Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable term...

Build a bounded disposable experiment to resolve a specific uncertainty. Triggers on "prototype", "原型".

Rapid UI prototyping — generates 3 visually distinct HTML/CSS components from a text prompt, each driven by a unique phy...

Build a throwaway prototype to flush out a design before committing to it. Routes between two branches — a runnable term...

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model o...

Build a throwaway HTML or in-app prototype that answers one design question. Use when the user wants to try a state mode...

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or sever...

Generate N different HTML implementations of a UI feature, preview them, and iterate a few times, a fast "show me the op...

Use when asked to prototype one design question through a cheap logic or UI experiment. Builds a throwaway artifact, rec...

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model o...

Advisory design reference for prototype; preserve current canonical rules, incumbent components and user authorization.

Advanced prototyping (Artifacts/Figma/Lovable/v0/Bolt)

Build a self-contained local prototype at .turbo/prototypes/<slug>.html, drive it, and hand it to the user to settle unk...

Creates page file structure (TSX + SCSS module + manifest entry) in the sandbox mattermost-proto-playground project

原型界面设计工具。当用户需要根据 PRD 生成高保真原型页面、快速出原型确认需求、或进行 UI/UX 设计验证时使用。支持移动端和 PC 端应用。

创建交互式原型以验证设计方案。支持 HTML 原型输出格式。当用户需要设计 UI/UX、创建原型、设计用户流程，或说"创建原型"、"设计这个功能"、"UI 原型"时使用。支持迭代模式（基于现有样式）和新产品模式（自定义设计规范）。 Also...

Prototype, 交互原型, 原型设计, UI prototype, 原型视觉优化。Use when: PRD 和 User Journey 完成后，需要在前端仓库中生成或打磨视觉精美、可交互的隔离原型，在进入 HLD/API Cont...

A closed-loop system for evolving UI designs using AI personas as users.

Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction a...

Build 2-4 visual variants of a UI to decide what something should look like, viewable together for direct comparison. Us...

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip...

Generates provocative but strategically relevant concepts for websites and digital experiences before interface design b...

Elementos cercanos se perciben como relacionados. Use cuando agrupe controles, organice formularios, o diseñe layouts qu...

Compare concrete module and type designs for a nontrivial boundary or ownership change. Use for architectural design req...

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

Publish video to social media platforms with metadata, thumbnails, and platform-specific optimization.

Maintain an existing Proto UI Prototype or implement a governed Base or design-language component slice. Use for governe...

Reproduce and repair a bounded Proto UI regression whose expected behavior and owning layer are already governed. Use th...

Create or revise a governed Proto UI spec entity after identity, ownership, lifecycle intent, semantic scope, relations,...

Design or implement the smallest complete executable evidence for a governed Proto UI behavior. Use for conformance case...

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying m...

Handles Laravel Pulse setup, configuration, and custom card development. Activates when installing Pulse; configuring th...

Use whenever Kyle says icon slop, de-slop the icons, visual identity cleanup, icon inventory, icon audit, replace generi...

Professional PWA Builder skill. Build accessible, performance-tuned, responsive UI components with clean design standard...

Progressive Web App development with Service Workers, offline support, and app-like behavior. Use for caching strategies...

FastAPI patterns for API design. Use when creating endpoints, handling dependencies, error handling, or working with Ope...

Guide for creating Pydantic v2 models with proper validation, field examples, and schema separation following this proje...

Structures an argument using the Pyramid Principle and SCQA so the recommendation lands in the first 60 seconds, with ev...

Build, audit, and incrementally refactor PySide6/Qt Widgets desktop interfaces using Microsoft Fluent 2 design principle...

This skill should be used when the user asks about "design patterns", "SOLID principles", "factory pattern", "strategy p...

Python frontend specialist using Python-based web frameworks with HTML/CSS/JS integration. Use for NiceGUI, Streamlit, G...

Expert guidance for mathematical optimization in Python - systematic problem classification, library selection (scipy, p...

Runtime QA of a change: start the app, test acceptance criteria and edge cases, and report evidence. Use for "test this"...

Simulates adaptive media states (prefers-color-scheme: dark, prefers-reduced-motion: reduce, forced-colors: active, pref...

Detects desktop-only elements that are CSS-hidden on mobile but still download heavy resources (images, iframes, videos)...

Detects horizontal content overflow on any element

Detects inconsistencies BETWEEN cards on the same page: mixed border-radius values, some cards with shadow and some with...

Detects broken chart rendering — chart container has scaffolding (axes, gridlines, legend) but no actual data marks (no...

Detects input/select/textarea fields that are too narrow relative to available container width: small input in a wide co...

Detects inconsistencies in image/avatar/media visuals on the same page: avatars mixing circle / square / rounded shapes,...

Detects pagination UX gaps: large table (488 rows total) with only 10-20 rows per page and no rows-per-page selector to...

Detects multiple different colors used for SELECTED/ACTIVE/HIGHLIGHTED indicators in the same UI region (e.g. calendar w...

Catches inconsistent vertical/horizontal spacing — adjacent form fields with different gaps, card groups with mismatched...

Detects color/theme mismatches: focus ring color doesn't match site primary, link color drifts from theme, accent/hover...

Deep-dive deterministic checks for toast/snackbar/notification UI: generic 'successfully completed' messages with no sub...

Detects inconsistencies inside button groups / toolbars: some buttons have shadow, others don't (icon-only have shadow,...

软件测试与质量保证专家。负责发现bug、执行测试用例、进行功能/UI/自动化测试、生成测试报告。当需要测试网站、应用、代码功能、验证bug修复、进行兼容性测试或需要专业的质量保证工作时使用。特别适用于：项目经理分配测试任务、验证产品功能、执...

Consolidated form accessibility skill. Owns labels, aria, fieldset legend, error announcement, required-field indication...

Designs and tests distributed-system resilience. Use when adding retries, deadlines, hedging, circuit breakers, overload...

Geospatial analysis and GIS operations via QGIS. Use for calculating distances, buffering zones, coordinate transforms (...

Use when a Qlty check is red with "Build errored. Check the log for more information." and the cloud build log ends in l...

Review-only audit of interaction UX patterns and design principles. Scans for missing confirmation dialogs, loading stat...

Write idiomatic QML for Qt Quick applications with sound property design, bindings, and C++ integration.

Design a Qt Quick (QML) user interface with sound layouts, theming, responsiveness, and accessibility.

The "-ilities" framework for non-functional requirements. Use when defining NFRs, evaluating architecture trade-offs, or...

Quartz design system rules for this project's UI. Use when building or changing any screen, component, form or style, wh...

PlusV1 ERP query/page architecture — every page dataset flows SQL View → Query Master → Page mapping → permission valida...

Quy trình xử lý Questions kỹ thuật được giao cho FrontendWeb. Dùng khi: kiểm tra câu hỏi mới, trả lời câu hỏi từ agent k...

QuestPDF report generation with fluent C# API. Use when generating PDF documents, designing report layouts, creating inv...

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

Use when changing what kasane tells a user about where they are in a series — Quick lookup, the episode/chapter rail, ar...

Create, revise, render, or visually audit Quiet Signal A4 long-form PDF reports from source material using editable HTML...

Tone down overly intense designs while keeping quality high and preserving hierarchy.

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Tone down visual noise — lowers variance and motion, simplifies layout and color weight, keeps hierarchy clear. Use when...

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the use...

Generate 50-question interactive quizzes using the Quiz component with randomized batching.Use when creating end-of-chap...

R ggplot2 plotting conventions and theme. Use when creating, modifying, or styling ggplot2 plots in R, or when adjusting...

Best practices for writing R package tests with testthat version 3+. Use this skill when writing or organizing tests for...

Animate React Three Fiber objects with useFrame, damping, and GLTF clips. Use for procedural motion, animation transitio...

Set up React Three Fiber scenes, Canvas, typed JSX, hooks, and resource ownership. Use for scene architecture and render...

Implement React Three Fiber pointer events, picking, dragging, keyboard input, and camera controls. Use for scene intera...

Load and reuse 3D assets in React Three Fiber with useGLTF, useLoader, Suspense, and preloading. Use for model loading,...

React Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading. Use when loading 3D models, texture...

Use for Figma layout work when creating new screens, refactoring spacing, standardizing hierarchy, or spacing nested com...

Unified entry point for the 6-skill radar family (5 companions + capstone). Routes to individual skills, runs targeted (...

当使用者给出「说话人名字 + 说话内容 + 主色」，说"做一张车队无线电那种语录卡"、"生成 XX RADIO 的图"、"把这句话做成无线电字幕卡"、"照那个红色波形的格式来一张"时使用。产出单文件 HTML，800×1000 竖版：顶部是...

Radix UI primitives for accessible React components. Covers dialogs, dropdowns, popovers, and form controls. Triggers on...