613 件 ・ 関連度順
概要と使いどころ
Enforce a configuration-driven design system when generating UI. Ensures consistent spacing, colors, typography, dark mode, interactions, and accessibility across all AI-generated components.
日本語の概要は準備中です。原文の説明を表示しています。
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
日本語の概要は準備中です。原文の説明を表示しています。
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
日本語の概要は準備中です。原文の説明を表示しています。
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
日本語の概要は準備中です。原文の説明を表示しています。
Define or review a visual system, DESIGN.md, or redesign direction. Use for typography, layout, color, motion, and interaction design decisions.
日本語の概要は準備中です。原文の説明を表示しています。
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
日本語の概要は準備中です。原文の説明を表示しています。
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes, extract design properties (layout, spacing, typography), classify components using Atomic Design principles, and generate design specification documents that can be used for implementation.
日本語の概要は準備中です。原文の説明を表示しています。
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
日本語の概要は準備中です。原文の説明を表示しています。
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
日本語の概要は準備中です。原文の説明を表示しています。
Urdu-first digital experiences with native RTL support, Nastaliq typography, and bilingual Urdu/Latin harmony. For editorial, personal, and publication layouts.
日本語の概要は準備中です。原文の説明を表示しています。
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
日本語の概要は準備中です。原文の説明を表示しています。
Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.
日本語の概要は準備中です。原文の説明を表示しています。
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
日本語の概要は準備中です。原文の説明を表示しています。
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
日本語の概要は準備中です。原文の説明を表示しています。
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
日本語の概要は準備中です。原文の説明を表示しています。
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
日本語の概要は準備中です。原文の説明を表示しています。
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
日本語の概要は準備中です。原文の説明を表示しています。
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
日本語の概要は準備中です。原文の説明を表示しています。
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
日本語の概要は準備中です。原文の説明を表示しています。
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
日本語の概要は準備中です。原文の説明を表示しています。
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
日本語の概要は準備中です。原文の説明を表示しています。
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
日本語の概要は準備中です。原文の説明を表示しています。
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
日本語の概要は準備中です。原文の説明を表示しています。
A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes
日本語の概要は準備中です。原文の説明を表示しています。