tailwind

在 Expo 中使用 react-native-css 和 NativeWind v5 配置 Tailwind CSS v4 以实现通用样式

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局差异，遵循严格的 AIDA 页面结构，宽版编辑式……

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

ckm:design-system — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

ckm:ui-styling — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

ckm:design — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

管理您的团队 — 创建角色、分配任务、启动工作进程并监控进度

适用于 HyperFrames 合成的 Tailwind CSS v4.2 浏览器运行时模式。在搭建或编辑由 `hyperframes init --tailwind` 创建的项目时使用，…

Vue 3 调试与错误处理：涵盖运行时错误、警告、异步失败及 SSR/水合问题。在诊断或修复 Vue 问题时使用。

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

UnoCSS 即时原子化 CSS 引擎，Tailwind CSS 的超集。在配置 UnoCSS、编写实用程序规则与快捷方式，或使用 Wind 等预设时使用，…

使用 @nuxt/ui v4 构建 UI — 125+ 个具备无障碍访问特性的 Vue 组件，支持 Tailwind CSS 主题。适用于创建界面、自定义主题以契合品牌风格，…

提供全面的 Tailwind CSS 实用优先样式模式，涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。