sveltekit-svelte5-tailwind-skill
使用SvelteKit 2、Svelte 5和Tailwind CSS v4构建站点的全面集成技能
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
使用SvelteKit 2、Svelte 5和Tailwind CSS v4构建站点的全面集成技能
生产就绪的Tailwind CSS模式,适用于常见的网站组件:响应式布局、卡片、导航、表单、按钮和排版。包括间距比例、断点、移动优先模式以及暗黑模式支持。在构建UI组件、创建着陆页、样式化表单、实现导航或修复响应式布局时使用。
Tailwind CSS样式和组件模式的专业知识。当提到“tailwind, tailwindcss, utility classes, responsive design, dark mode, styling, css classes, tailwind, css, styling, ui, responsive, dark-mode, components”时使用。
Tailwind CSS v4 功能优先的样式模式
创建高质量的技术文档,包括API文档、用户指南、教程、架构文档、README文件、发行说明和技术规范。按照行业最佳实践编写清晰、结构化和全面的文档。在编写技术文档、创建API文档、开发用户指南、记录架构、撰写教程、准备发行说明时使用,或者当用户提到“技术写作”、“文档”、“API文档”、“用户指南”、“教程”、“README”、“技术规范”、“架构文档”或“开发者文档”时使用。
使用pywinauto自动化Windows桌面应用程序。发现窗口,检查控件,点击按钮,输入文本,并以编程方式驱动任何Win32/UIA应用程序。
在使用mcp-skill CLI创建生成的MCP应用程序包装器、列出可用的生成应用程序、列出特定应用程序的功能、检查生成的功能签名和文档字符串,或了解如何从异步Python中调用生成的应用程序时,请使用此技能。
使用HoloViz Panel开发工具、仪表板和交互式数据应用程序的最佳实践。创建具有组件化界面的响应式UI,包括小部件、布局、模板以及实时更新功能。适用于开发交互式数据探索工具、仪表盘、数据应用或任何交互式的Python Web应用程序。支持文件上传、流数据处理、多页面应用,并可与HoloViews、hvPlot、Pandas、Polars、DuckDB以及HoloViz和PyData生态系统的…
生产就绪的Tailwind CSS模式,适用于常见的网站组件:响应式布局、卡片、导航、表单、按钮和排版。包括间距比例、断点、移动优先模式以及暗黑模式支持。在构建UI组件、创建登录页面、样式化表单、实现导航或修复响应式布局时使用。
使用Tailwind CSS进行界面样式设计,包括响应式组件、暗黑模式、主题定制和设计系统模式。用于创建响应式布局、样式化Laravel/Blade组件、实现设计系统以及将设计转换为Tailwind代码。
在使用Tailwind CSS的实用类进行布局、间距、排版、颜色和视觉效果时采用。涵盖以实用为主的CSS模式和类组合。
Tailwind CSS v4模式:CSS优先配置,@theme/@utility/@variant指令,从v3迁移。在处理Tailwind v4项目时使用。
将AppKit组件桥接到SwiftUI macOS应用程序中。涵盖NSViewRepresentable和NSViewControllerRepresentable协议,用于在SwiftUI中托管AppKit视图;NSHostingView/NSHostingController,用于在AppKit中托管SwiftUI;NSPanel用于浮动窗口;NSWindow配置(styleMask、leve…
通过MCP连接到外部工具(GitHub、数据库、API)
Mapbox Maps SDK在Android上的官方集成模式。涵盖了安装、添加标记、用户位置、自定义数据、样式、相机控制以及特征集交互等内容。基于官方的Mapbox文档。
通过CLI构建、运行和调试iOS应用程序,无需Xcode界面。当用户想要构建iOS应用、在模拟器上运行、捕获日志、截屏或自动化模拟器交互时使用。不适用于Swift代码模式(请使用apple-swift)。
使用Tailwind CSS v4为dev-quiz-battle应用程序进行样式设计,采用OKLCH颜色、支持暗黑模式并遵循现代设计模式。在创建响应式布局、应用主题和实现视觉组件时使用。
为Next.js项目设置Tailwind CSS和shadcn/ui组件库。在配置Tailwind CSS、安装shadcn/ui、设置设计令牌、配置暗模式、初始化组件库时使用,或者当用户提到Tailwind设置、shadcn/ui安装、组件系统、设计系统或主题时使用。
使用@theme内联模式和CSS变量架构设置带有shadcn/ui的Tailwind v4。四步模式:CSS变量、Tailwind映射、基础样式、自动暗模式。防止8个已记录错误的发生。在使用Tailwind v4初始化React项目时,或者解决颜色不工作、tw-animate-css错误、@theme内联暗模式冲突、@apply失效、v3迁移问题时使用。
使用Tavily API进行网络搜索、内容提取、爬取和研究的能力
使用新的WebView结构体和WebPage可观察类进行原生SwiftUI WebKit集成。涵盖从URL创建WebView、用于导航控制和状态管理的WebPage、JavaScript执行(带参数和内容世界的callJavaScript)、自定义URL方案处理程序、导航管理(加载、重新加载、前进/后退)、导航决策、文本搜索(findNavigator)、内容捕获(快照、PDF生成、网页存档)以及…
项目架构分析,以理解结构、模式和依赖关系
关于地图设计原则、色彩理论、视觉层次、版式以及使用Mapbox创建有效且美观的地图的最佳制图实践的专业指导。在设计地图样式、选择颜色或做出制图决策时使用。
作为Bash命令的PreToolUse钩子调用,以防止并发测试运行。在启动新的测试进程之前检测正在运行的测试容器,如果另一个测试正在活动,则通过反馈阻止执行,以确保隔离。