Generate high-quality, single-file HTML interactive slide decks. Use this skill when the user asks to create a presentation, slide deck, or PPT.

Build interactive web applications using HTML/JavaScript interfaces with MATLAB computational backends via the uihtml component. Use when creating HTML-based MATLAB apps, JavaScript MATLAB...

|

|

UI/UXのクリエイティブディレクション、完全リデザイン、新規デザイン、トレンド適用。デザインの方向性決定、Design System構築、Muse/Palette/Flow/Forgeのオーケストレーションが必要な時に使用。コードは書かない。

ハードコード文字列をt()関数に置換、Intl APIで日付/通貨フォーマット。多言語対応、国際化、翻訳準備、ローカライズが必要な時に使用。

Figma design-to-code, design system extraction and component generation guide.

Create a new React component following project constraints (Tailwind, MUI, or Vanilla).

Figma design-to-code, design system extraction ve component generation rehberi.

Opinionated constraints for building better interfaces with agents.

Enforces an opinionated UI baseline to prevent AI-generated interface slop.

Opinionated constraints for building better interfaces with agents.

Opinionated constraints for building better interfaces with agents.

Opinionated constraints for building better interfaces with agents.

Opinionated constraints for building better interfaces with agents.

Enforces an opinionated UI baseline to prevent AI-generated interface slop.

>

Fix animation performance issues.

Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design consistency....

Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design consistency....