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

Clean, honest dashboard UI for web and SwiftUI — KPI tiles, charts, comparison periods, ranked breakdowns, date range pi...

A dashboard is a visual display of key metrics and data points that provides at-a-glance insights for monitoring, analys...

Design effective dashboards with clear layouts, KPI displays, data grids, and real-time updates. Covers dashboard patter...

Design and generate visual dashboards to present pilot insights and trends. Use when creating executive summaries, inter...

Add, change or remove a panel on a console dashboard — the dashboards.yaml entry, its i18n keys, the Storybook story, th...

Dashboard UI patterns with widget composition, real-time data updates, responsive grid layouts, and data tables for Reac...

Redesign a dashboard, KPI view, operational console, or analytical workspace around real decisions and data meaning. Tri...

Guide for ReviewFlow dashboard styling conventions. Use when creating/modifying dashboard UI, optimizing styles, or reso...

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly f...

Quy chuẩn đặt tên file trong dự án SASUCO InvoiceEasy. Dùng khi: đặt tên Page, Dialog, Component, Hook, Service, Types,...

Build a dense, data-heavy screen - an analytics console or a trading terminal - with real charts drawn from tokens: cand...

Complex data deserves multiple view modes — grid, list, table — chosen by the user based on their task. Row and item sel...

Data fetching patterns for Next.js App Router — Server Components, Server Actions, React Query, and streaming. Use when...

Reactアプリのデータフェッチ、キャッシュ、エラーハンドリング、楽観的更新を整理するスキル。ライブラリ選定から設計・実装・検証までの実務フローを提供する。Anchors:• Stale-While-Revalidate Pattern /...

Create a compelling DATA STORY VIDEO as one self-contained HTML file: big counters, bar charts that grow and annotate th...

Audits static data tables, sortable tables, interactive ARIA grids, virtualized data, filtering, selection, row and colu...

Data-to-UI pipeline patterns. Use when transforming JSON data into React components, creating TypeScript types from sche...

Design hub/link/satellite structures for enterprise data warehouses using Data Vault 2.0 methodology.

State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. Creates compelling, tested, and acce...

Data warehouse design mastery with star schema, dimensional modeling, fact/dimension tables, slowly changing dimensions,...

Use whenever you need the Datagrok browser to actually execute JavaScript — adding viewers, filtering, modifying the vie...

Use when the user wants to design, build, code, or deploy an AI agent on DataRobot; mentions agent_spec.md, dress rehear...

Modern JavaScript date utility library with modular, tree-shakeable functions for formatting, parsing, comparison, and m...

Quy tắc nhập liệu và hiển thị ngày tháng trong SASUCO InvoiceEasy. Dùng khi: thêm trường ngày tháng vào form hoặc filter...

Dating app landing or profile page with card stack, matching UI, and messaging preview. Use for "dating app", "matching"...

Interactive daily planning ritual that guides the user through a reflective conversation across all life dimensions (wor...

Domain-Driven Design and Clean Architecture implementation guide

Practical DDD patterns for Jakarta EE web applications with cognitive load distribution. Use when designing controllers,...

Handle confidential GitHub Security Advisory response for Paperclip. Use when coordinating advisory triage, private-fork...

Produces a structured, neutral summary of the current state of a public debate or controversy — mapping the main positio...

Bootstrap a new Debian/Ubuntu system with your standard configuration. Portable dotfiles, SSH config, shell setup, and S...

高頻度イベントに対するデバウンス/スロットリングの設計・実装・検証を整理するスキル。UIイベントやファイル監視の負荷を最適化し、応答性と安定性を両立する。Anchors:• Debounce Pattern / 適用: 連続入力の抑制 /...

Use Open Design for agent-native UI prototypes, decks, motion, and hand-drawn diagrams — complementary to Decisions Merm...

Run before implementing UI — research real product patterns (Refero/Mobbin MCP), pick a design direction, and output tok...

Create presentation decks as high-fidelity PDF files using web technology (HTML, CSS, Tailwind, Font Awesome). Use when...

Structured multi-step reasoning for complex problems using MCP. Use this skill when facing architectural decisions, perf...

Use when starting a new feature or idea that needs thorough pre-execution planning. Use instead of calling /product-revi...

Use this skill instead of WebSearch for ANY question requiring web research. Trigger on queries like "what is X", "expla...

Perform fine-grained semantic relationship analysis; use when asked to compare meaning, resolve ambiguity, or map concep...

Use when a person asks to design a new module's interface or to rework an existing module so that it hides much behind l...

Expert guidance for distributed training with DeepSpeed - ZeRO optimization stages, pipeline parallelism, FP16/BF16/FP8,...

A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards,...

Use this skill to push frequently-changing Jetpack Compose state reads (scroll position, animation values, drag offsets)...

Route bulk work to free worker models (Groq/Cerebras/OpenRouter/Gemini) via .claude/tools/ask-worker.mjs so the paid orc...

Architecture-first workflow for delegating complex projects to AI coding agents. Ensures code fits the system before it'...

Add personality and memorable moments through thoughtful interaction details and emotional UX touches.

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates fu...

Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, on...