デザインのスキル

Structured design intake for non-trivial tasks. Asks clarifying questions and produces a design proposal.

日本語の概要は準備中です。原文の説明を表示しています。

Use when creating or restructuring a PlayCanvas app with the Engine API, @playcanvas/react, or @playcanvas/web-components, covering bootstrap, input, resize, physics, update loop, UI, and lifecycle.

日本語の概要は準備中です。原文の説明を表示しています。

Use when designing event-driven workflows, decoupling services, implementing fan-out patterns (one trigger, many downstream handlers), implementing idempotent event handling with IDs (24-hour dedupe window), or handling at-least-once delivery from external sources like Stripe webhooks. Covers Inngest event schema, payload format, naming conventions, IDs for idempotency, the ts param, fan-out patterns, and system events like inngest/function.failed.

日本語の概要は準備中です。原文の説明を表示しています。

Enter talk mode — conversation and research, no repo changes. ONLY invoke when the user explicitly types `/talk` or `$talk`; never auto-select from a natural-language question or design discussion.

日本語の概要は準備中です。原文の説明を表示しています。

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

日本語の概要は準備中です。原文の説明を表示しています。

Build excellent web forms: UX patterns, validation, accessibility, multi-step flows, and file uploads. Use for any form beyond trivial inputs.

日本語の概要は準備中です。原文の説明を表示しています。

Design escalation policies — tiers, timeouts, stakeholder matrices, and escalation paths that actually work.

日本語の概要は準備中です。原文の説明を表示しています。

Style React with Emotion: css prop, styled API, theming, SSR, and zero-config patterns. Use when choosing or using Emotion for CSS-in-JS.

日本語の概要は準備中です。原文の説明を表示しています。

Developer-Figma collaboration: dev mode, design tokens, component inspection, handoff, and design-system alignment. Use when implementing designs from Figma or aligning code with a design system.

日本語の概要は準備中です。原文の説明を表示しています。

Animate React with Framer Motion (Motion): gestures, layout animations, variants, scroll-linked motion, and exit transitions. Use when adding production-grade UI animation.

日本語の概要は準備中です。原文の説明を表示しています。

Flow cytometry experimental design and analysis — panel design, compensation, gating, and QC.

日本語の概要は準備中です。原文の説明を表示しています。

Design effective emails with inbox-friendly layouts, accessible HTML, dark mode, and testing checklists.

日本語の概要は準備中です。原文の説明を表示しています。

Designing psychology experiments — variables, controls, randomization, counterbalancing, and preregistration.

日本語の概要は準備中です。原文の説明を表示しています。

Craft UI animations with Framer Motion: page transitions, micro-interactions, scroll reveals, and shared layouts for polished interfaces. Use for interface animation beyond basics.

日本語の概要は準備中です。原文の説明を表示しています。

Master Figma workflows with auto layout, components, variables, prototyping, and team collaboration.

日本語の概要は準備中です。原文の説明を表示しています。

Design rigorous experiments — hypotheses, controls, randomization, power analysis, and preregistration. Use when planning any study where you need trustworthy causal conclusions.

日本語の概要は準備中です。原文の説明を表示しています。

Design focus modes that actually protect attention: Do Not Disturb schedules, app filtering, notification tiers, and context-specific setups. Use when interruptions fragment your day or 'do not disturb' never stays on.

日本語の概要は準備中です。原文の説明を表示しています。

Manage energy, not just time: map your ultradian rhythms, align tasks to energy states, and design recovery. Use when time management alone isn't fixing fatigue or afternoon slumps.

日本語の概要は準備中です。原文の説明を表示しています。

ELISA development and validation — sandwich vs competitive formats, standard curves, and assay qualification.

日本語の概要は準備中です。原文の説明を表示しています。

Apply classic design patterns judiciously: when each pattern fits, modern alternatives, and anti-patterns. Use when designing object interactions or reviewing pattern usage.

日本語の概要は準備中です。原文の説明を表示しています。

Prepare flawless design-to-development handoffs with specs, assets, behaviors, and QA processes.

日本語の概要は準備中です。原文の説明を表示しています。

Elasticsearch guidance — index design, mappings, query DSL, aggregations, cluster operations, and performance tuning.

日本語の概要は準備中です。原文の説明を表示しています。

Idiomatic Elixir: functional design, OTP supervision, GenServers, Ecto, and Phoenix patterns. Use when writing, reviewing, or structuring Elixir applications.

日本語の概要は準備中です。原文の説明を表示しています。

Build and govern scalable design systems with tokens, components, documentation, and adoption strategy.

日本語の概要は準備中です。原文の説明を表示しています。