responsive-design
一份关于现代响应式设计实践的技能资料,涵盖容器查询、流式排版、CSS Grid、移动优先断点策略、响应式图片与自适应导航等主题,适用于构建跨屏幕尺寸自适应的界面。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-04 00:13
11,432 个结果
一份关于现代响应式设计实践的技能资料,涵盖容器查询、流式排版、CSS Grid、移动优先断点策略、响应式图片与自适应导航等主题,适用于构建跨屏幕尺寸自适应的界面。
面向前端/UI 视觉化修改的技能:当用户通过元素选中、标注或截图给出视觉上下文时,只做最小且精准的改动,保留其余代码、样式与行为,避免过度重构。
指导使用 Next.js 13+ App Router 的技能文档,涵盖从 Pages Router 迁移、文件式路由约定、布局、元数据处理与 generateStaticParams 静态生成等现代 Next.js 模式,并强调 TypeScript 禁用 any。
kill-ai-slop 是一个用于从网页项目中查找并清除“AI slop”(vibe-coded 产品常见的通用、机器默认视觉与文案习惯)的技能。它先扫描代码定位可疑信号,再经人工判断区分刻意设计与默认堆砌,最后做最小修改。
Zustand 5.x 状态管理参考,涵盖 slices、中间件、Immer、useShallow、持久化、选择器与 devtools 集成,并记录相关核心模式与防反模式建议。
frontend-slides 是一套用于生成零依赖、动画丰富的 HTML 演示文稿的技能。可从零创建或转换 PowerPoint,成品为单个自包含 HTML 文件,在浏览器中运行,无需 npm 或构建工具。
Makepad 内置控件的快速参考,从 ui_zoo 示例中提取,用于查看可用控件及其用法示例。内容涵盖按钮、文本输入、滑块、复选框、单选按钮、下拉菜单、标签、图标与图片、视图与容器、列表、导航、加载指示器、旋钮、Markdown/HTML 渲染以及文件树等控件,并给出 live_design! 中的声明式示例和部分 Rust 交互代码。
Zoom Video SDK UI Toolkit 的 Web 端参考技能,面向已经确定采用 Web 视频工作流、并希望直接使用预置 React 视频界面而非从零构建自定义 UI 的开发者。该技能说明如何通过 @zoom/videosdk-zoom-ui-toolkit 包快速接入完整视频会话界面,包含视频、音频、屏幕共享、聊天、参与者列表、设置等功能的配置方式,提供原生 JavaScript、React、Next.js、Vue、Angular 等多种框架的集成示例,并说明服务端 JWT 鉴权生成、CDN 免构建用法、组件显隐控制、事件监听、常见问题排查与浏览器兼容性等参考信息。