svelte-setup-state-store
TODO: 完整且详细地解释该技能的作用以及何时使用。包括在什么情况下使用此技能 - 特定的场景、文件类型或触发它的任务。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
TODO: 完整且详细地解释该技能的作用以及何时使用。包括在什么情况下使用此技能 - 特定的场景、文件类型或触发它的任务。
专注于为Android TV(React)提供高性能列表虚拟化的专家
引导用户在其应用程序中添加Tauri启动画面、启动屏、加载屏或启动屏幕。涵盖配置、自定义启动HTML、准备就绪时关闭启动画面以及样式设置。
通过Figma MCP服务器读取Figma设计。自动检测MCP可用性,仅在需要设置时提示用户。当在任务上下文中发现Figma链接或UI设计图像时使用。
当被要求提供关于登录页面、新手引导、定价、行动号召、社会证明、个性化、登录、权限或品牌记忆度的用户体验策略或行为指导时使用。
Next.js最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化、打包
有主见的约束条件,用于构建更好的代理接口。
使用Clerk实现会话管理和中间件。在管理用户会话、配置路由保护或实现令牌刷新逻辑时使用。可以通过诸如“clerk session”、“clerk middleware”、“clerk route protection”、“clerk token”、“clerk JWT”等短语触发。
设计并实现具有组合、样式和生命周期管理的自定义Textual小部件。在创建可重用的小部件组件、从内置组件组合小部件、实现小部件生命周期(on_mount, on_unmount)、处理小部件状态以及测试小部件时使用。涵盖扩展Static、Container的自定义小部件,以及构建复杂的小部件层次结构。
专长于Android TV方向键导航和React焦点管理。
引导用户实现Tauri系统托盘功能,包括托盘图标设置、托盘菜单创建、处理托盘事件以及在运行时更新通知区域中的托盘。
在使用基于React的框架(如Next.js、Vite、Remix、Astro)设计或审查UI时,如果任务涉及检查界面样式、交互、动画、排版、布局、性能或设计约束的一致性,则使用此规则。
在设计、审查或实现网页用户界面时,如果您需要具体的关于可访问性、交互模式、表单、布局、动画、性能、内容或视觉设计决策的MUST/SHOULD/NEVER规则时使用。当被要求“审查我的UI”、“检查可访问性”或“审核设计”时也请使用。
在SvelteKit项目中使用shadcn-svelte组件的指南。当用户需要构建UI界面或纠结于应该使用哪些组件时,或者在需要安装或初始设置shadcn-svelte组件时,务必使用这项技能。提到按钮、模态框、卡片、侧边栏、表单、表格等UI元素时,请积极参考本指南。
通过MCP使用Google Stitch生成UI设计和前端代码。当要求从文本描述创建屏幕、模型、UI设计或生成前端代码时使用。支持桌面、移动和平板布局。
使用Clerk实现用户注册和登录流程。在构建认证界面、自定义登录体验或实现OAuth社交登录时使用。可以通过诸如“clerk sign-in”、“clerk sign-up”、“clerk login flow”、“clerk OAuth”、“clerk social login”这样的短语触发。
根据Dayuse的品牌标识和设计系统创建生产级别的前端界面。当用户要求“构建页面”、“创建组件”、“设计UI”、“制作前端”、“构建登录页面”、“创建仪表板”,或任何为Dayuse进行的前端开发任务时,应使用此技能。应用Dayuse官方的颜色方案、字体(Manrope + MaisonNeue)、边框圆角规范、阴影系统以及动画模式。
教授Claude关于Tauri的核心架构,包括Rust后端、webview集成、Core-Shell设计模式、IPC机制和安全模型基础。
为用户的代码库生成自定义设计系统规则。当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计规则”、“自定义设计系统指南”,或者想要为Figma到代码的工作流程建立特定于项目的约定时使用。需要连接Figma MCP服务器。
在使用shadcn/ui和Tailwind CSS(v3/v4)构建或样式化基于React的UI时采用,包括响应式布局、可访问组件、主题定制和设计系统。涵盖CSS优先的v4配置、设计令牌和组件模式。
在设计或审查网页、移动设备和桌面界面中的过渡、手势和状态变化动画时使用。
SvelteKit 项目架构·代码规则。Actions: 编写、实现、审查、重构、检查、添加、设计、修改、write、implement、review、refactor、fix。基本规则:组件重用、$lib、路由放置、禁止内联类型、interface、type、script 部分、注释、可读性、代码风格、TypeScript。服务器架构:服务器架构、Active Record、查询服务、REST …
选择并实施适用于不同规模的Clay验证架构蓝图。在设计新的Clay集成、选择单体/服务/微服务架构或规划Clay应用程序迁移路径时使用。可以通过诸如“clay architecture”、“clay blueprint”、“how to structure clay”、“clay project layout”、“clay microservice”等短语触发。
用于Clerk认证的参考架构模式。在设计应用程序架构、规划认证流程或实施企业级认证时使用。可以通过诸如“clerk架构”、“clerk设计”、“clerk系统设计”、“clerk集成模式”等短语触发。