“tailwind”的搜索结果

Use when styling components with Tailwind CSS v4, managing CSS-first configurations, writing container queries, or implementing design token architecture.

中文简介正在准备中。当前显示原文说明。

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

中文简介正在准备中。当前显示原文说明。

Generate Japanese-style (和風) CSS/design themes with CSS custom properties and Tailwind CSS support. 10 preset themes including 桜, 藍染, 紅葉, 雪月花, 茶室, 浮世絵, 禅, 祭, 未来, 和紙. Triggers on requests for 和風テーマ, 和風CSS, Japanese theme, 和風デザイントークン, テーマ生成.

中文简介正在准备中。当前显示原文说明。

Generates complete, production-ready React/TypeScript components using Tailwind CSS. Use when building UI components in a React or Next.js project that requires TypeScript, Tailwind styling, and accessible interactions.

中文简介正在准备中。当前显示原文说明。

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

中文简介正在准备中。当前显示原文说明。

21st.dev Magic MCP — AI-powered UI component generation via natural language. Access to 21st.dev component library, SVGL brand logos, and real-time preview. Generate React/Tailwind components with /ui command.

中文简介正在准备中。当前显示原文说明。

UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code.

中文简介正在准备中。当前显示原文说明。

Build websites and web apps using 21st.dev — the largest marketplace of shadcn/ui-based React Tailwind components with 1400+ components. Use when user mentions "21st.dev", "21st", "ใช้ 21st", "จาก 21st", "build with 21st", "21st component", "21st magic MCP", or references the 21st.dev component registry in any language. Covers building complete sites (landing pages, dashboards, portfolios, e-commerce storefronts, auth pages), browsing and installing individual 21st.dev components into existing projects, and setting up the 21st.dev MCP server. Also trigger when user wants premium UI components specifically from the 21st.dev registry. Do NOT trigger for general web development, standard shadcn/ui, plain Tailwind CSS, React Native, API development, testing, deployment, or any task that doesn't explicitly reference 21st or 21st.dev.

中文简介正在准备中。当前显示原文说明。

Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes. Handles styles object removal, className interpolation, composition, and global overrides.

中文简介正在准备中。当前显示原文说明。

Convert plain CSS stylesheets to Tailwind CSS utility classes. Handles selectors, media queries, pseudo-classes, custom properties, and animations.

中文简介正在准备中。当前显示原文说明。

Audits Tailwind CSS usage ensuring mobile-first responsive utilities and clean classes.

中文简介正在准备中。当前显示原文说明。

Build beautiful, accessible UI components using shadcn/ui library with Radix UI primitives and Tailwind CSS styling that you own and can customize. Use when creating accessible component libraries, implementing common UI patterns (dialogs, dropdowns, tooltips), building forms with validation, creating data tables, implementing command palettes, using Radix UI primitives, customizing components with Tailwind, or building design systems with full ownership of code.

中文简介正在准备中。当前显示原文说明。

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

中文简介正在准备中。当前显示原文说明。

Generates production-ready design tokens from natural language descriptions. Outputs Tailwind configs, CSS custom properties, and DTCG W3C tokens from 24 trends + 31 AI-ready styles with 2800+ component examples.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

检查代码结构，找出妨碍理解和测试的问题，将改进候选方案整理成带前后对比图的HTML报告。选定方案后，通过对话进一步明确约束、依赖关系和设计决策。

• 审查频繁变更区域的设计
• 通过图示比较重构方案
• 探讨便于测试的模块设计

协助创建Angular页面组件与服务，设计状态管理、表单和页面导航，并根据项目版本选择实现方式，编写测试、检查构建结果。

• 新建Angular应用
• 实现表单与状态管理
• 设计页面导航与访问控制

将颜色、间距和字体整理为共用的设计变量，生成CSS变量，定义界面组件在不同状态下的规范，检查代码中直接写入的值，并制作遵循同一品牌规则的HTML演示文稿。

• 统一颜色、间距和字体
• 整理按钮在不同状态下的规范
• 检查代码中直接写入的样式值

根据用途、受众和品牌设计并实现着陆页、作品集及网站改版，确定配色、字体与动效方向，并在交付前检查视觉一致性、可读性和不同屏幕宽度下的显示。

• 制作符合品牌的着陆页
• 为目标受众制作作品集
• 保留品牌印象的网站改版

检查现有网站或应用的界面，改善文字、配色、布局及交互状态。在保留当前技术架构和功能的基础上分阶段调整，并在每次修改后确认功能是否正常。

• 检查现有网站的设计
• 调整重复套用的界面模式
• 改善加载、空数据和错误状态

将提供的HTML、文本或数据放入iPhone和MacBook屏幕，配合玻璃质感高光与地面反射，制作具有立体效果的产品展示页面。

• 在产品发布时展示应用界面
• 并排展示移动端和桌面端设计
• 将文本或数据呈现为应用界面

将原稿整理为羊皮纸色背景、墨蓝点缀和统一衬线字体的HTML文档，通过字号层级与留白编排报告、信函、简历等内容。

• 将要点整理为单页资料
• 制作带封面和目录的长篇报告
• 统一信函与简历的版式

Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.

中文简介正在准备中。当前显示英语简介。

• Creating a personal portfolio deck
• Preparing slides for art or design classes
• Building a talk around bold questions or images

Design, build, or refine public websites using researched layouts, typography, palettes, and imagery. It develops a concept from the subject, checks the page in a real browser at three widths, and guides revisions through screenshot reviews.

中文简介正在准备中。当前显示英语简介。

• Redesigning a landing page that looks generic
• Building a portfolio around a distinctive concept
• Checking typography and layout at three screen widths