Навыки: Дизайн

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...