tailwind

通过 Context7 MCP 使用最新的库和框架文档，而非训练数据。在涉及配置问题、API 参考、代码示例或当……时激活。

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……

使用此技能可生成或审查设计系统，检查视觉一致性，并审查涉及样式修改的 PR。

Remotion 最佳实践 - 使用 React 创建视频。包含 29 条领域专属规则，涵盖 3D、动画、音频、字幕、图表、转场等。

每一个实现决策均以官方文档为依据。适用于需要权威的、附带源码引用且无过时模式的代码的场景。适用于……

通过 kimlawtech/korean-privacy-terms (Apache-2.0) 上游，为 Next.js 项目生成基于韩国法律（《个人信息保护法》、《条款规制法》、《电子商务法》）的隐私政策、使用条款、Cookie 横幅和同意弹窗的 thin wrapper 技能。

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。