スキルを探す

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

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

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

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

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

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

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

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

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

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

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

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

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

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

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

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

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

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

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

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

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

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

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.

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

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

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

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

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

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

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

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

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

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

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

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.

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

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

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

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

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

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

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

Write an MVP technical design from agreed requirements, including architecture choices and relevant tradeoffs.

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

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns. Keywords: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dark mode, CSS variables, hsl() wrapper, components.json, React theming, theme switching, colors not working, variables broken, theme not applying, @plugin directive, typography plugin, forms plugin, prose class, @tailwindcss/typography, @tailwindcss/forms

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

Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this skill when: - Creating MCP servers that integrate with M365 Copilot declarative agents - Building rich interactive widgets (React + Fluent UI) that render in Copilot Chat - Implementing tools that return structuredContent for widget rendering - Adapting an existing MCP server to support Copilot widget rendering - Setting up devtunnels for localhost MCP server exposure - Configuring mcpPlugin.json manifests with RemoteMCPServer runtime Do NOT use this skill for general agent development (scaffolding, manifests, deployment) — use declarative-agent-developer instead. This skill is ONLY for MCP server + widget development. Triggers: "MCP server for Copilot", "OpenAI Apps SDK", "Copilot widget", "structuredContent", "MCP plugin", "devtunnels MCP", "OAI app", "widget rendering", "UI widget"

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