390건 · 관련도순
Build OpenBot administration and settings screens with shared layout components. Provides consistent page widths, row structures, control sizes, and dialog layouts, including patterns for switches, editable summaries, and read-only values.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or styling components in a React Native project that uses Tailwind with className.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setting up theming with CSS variables, building a consistent UI component library, initializing a design system configuration, or wrapping shadcn/ui components into design system primitives.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spacing, dark mode, accessibility, animations, components. Encodes specific, opinionated rules with exact values, not vague advice. Covers buttons, cards, forms, tables, navigation, dashboards, landing pages, onboarding, and more. Triggers on "absolute ui", "design a UI", "style this component", "make this less like AI slop", "fix the spacing/typography/color", "dark mode", "design a pricing page", "make this look better".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Define component variants with CVA. Use when creating variant-based components with Tailwind, building design system tokens, or managing complex conditional class names in React.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Aceternity UI is a collection of animated React components (3D cards, spotlight, background beams, moving borders, wavy backgrounds) built with Tailwind CSS and the motion library, installed into your project as source through the shadcn CLI. Use when someone asks for "animated hero section", "3D tilt card", "spotlight effect", "moving border button", "Aceternity component", or "glowing background" in a React or Next.js app.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Map semantic tokens into Tailwind utilities.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Implement responsive CSS layout with Tailwind.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use this skill for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer. This includes building components and pages, but equally covers debugging and fixing frontend issues: CSS/Tailwind classes not applying, form validation behavior, hydration mismatches between server and client renders, styling bugs, layout shifts, and rendering problems. Also use for refactoring components (e.g., splitting Server vs Client Components), data fetching patterns, state management, bundle optimization, and frontend tooling. If the problem involves what users see or interact with in a web browser — whether building, fixing, or refactoring — use this skill. Not for backend APIs, databases, infrastructure, or DevOps.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use when styling any web UI - style with Tailwind utility classes and design tokens, avoid custom CSS, and build on the existing Radix/shadcn primitives instead of hand-rolling
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Frontend development for React 19, Next.js 15, TypeScript, and Tailwind CSS v4 / Pengembangan frontend dengan React 19, Next.js 15, TypeScript, dan Tailwind CSS v4.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Expert guide for reverse-engineering UI/UX interactions from screen-recordings and spatial video, extracting animation spring curves, and generating pixel-perfect Tailwind CSS v4 and Framer Motion code / Panduan ahli rekayasa balik interaksi UI/UX dari rekaman layar dan video spasial, ekstraksi kurva pegas animasi, dan pembuatan kode presisi Tailwind CSS v4 serta Framer Motion.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Power Apps Code Apps（コードファースト）の初期化・Dataverse 接続・UI 設計・開発・デプロイ。TypeScript + React + Tailwind CSS で開発する。Copilot Studio v2 Web app iframe、Agent flows 非同期連携、CSP 構成・メール送信パターンも含む。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.