responsive-design
面向 Riksdagsmonitor 项目的移动优先响应式网页设计技能,使用 CSS Grid/Flexbox、clamp() 流式排版与 320px 至 1440px+ 断点,实现跨设备适配、触控友好与移动网络性能优化。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
11,095 个结果
面向 Riksdagsmonitor 项目的移动优先响应式网页设计技能,使用 CSS Grid/Flexbox、clamp() 流式排版与 320px 至 1440px+ 断点,实现跨设备适配、触控友好与移动网络性能优化。
here.now 是一套面向 AI 智能体的技能与 API,用于把文件或文件夹快速发布为可访问的在线站点或文件链接,支持访问控制、工作区、自定义域名、驱动器等能力,命令行依赖 curl、file、jq。
用于在 Flutter 中以 GetX 实现响应式状态管理的技能,涵盖 GetxController、Bindings、.obs 可观察变量、Obx 与 GetBuilder 等用法,并给出模块化目录结构与反模式约束。
对单个 React 组件做 7 维度深度诊断并输出结构化报告,维度包括消费方 API、数据流、可测试性、可扩展性、性能、心智模型与边界契约,每项按 1-5 分打分并附代码证据。
用于在 Open edX Studio 单元中通过 API 创建和编辑 HTML(文本)组件的技能:先建 html 块,再一次性写入 HTML 正文与标题,可引用已上传的课程资源,支持读取、复制与删除。
针对 Mutation XSS(mXSS,CWE-79 变体)的安全反模式说明,讲解 HTML 净化器因浏览器解析差异被绕过的问题,并给出使用 DOMPurify 与 CSP 的防护建议。
iii-state 是 iii 引擎的服务端键值存储 worker,按 scope 与 key 寻址,通过可插拔适配器(kv、redis、bridge)持久化,并提供 state 触发器在写入后异步通知其他函数。
harness 是 iii-hq/workers 提供的持久化智能体回合循环,把 session-manager、llm-router 与 context-manager 串成完整 agent。消费方只需发起回合、按会话记录渲染对话,并响应回合边界与人工审批调用。
用于统一并保持 Next.js App Router 项目结构的技能:将路由文件保留在 src/app,页面 UI 放入 src/components,并按职责分离 API、server actions、hooks 等域逻辑,遵循 kebab-case 目录与 PascalCase 组件文件命名。
flutter_duit 是一个在 Flutter 应用中实现后端驱动 UI 的框架,服务端通过 JSON 控制数据与布局,无需发版即可更新界面。本技能涵盖集成、驱动配置、HTTP/WebSocket 传输、自定义组件与主题。
用于 React 项目的技能:根据参考站点或用户手动的 21st.dev 组件交接,自动识别页面分区、匹配并集成 21st.dev 组件。支持自动与手动两种模式,仅限 React 项目。
Tailwind CSS 技能:以工具类优先方式编写响应式界面,涵盖主题配置、暗色模式、Tailwind v4 迁移与设计令牌体系,适用于使用 Tailwind 工具类、断点响应式布局或配置主题的场景。
JOYCO UI 是构建在 shadcn/ui、Radix 与 Tailwind 之上的 bento/console 风格组件库,通过 @joyco shadcn registry 安装到项目 @/components/ui/*。该技能指导在 JOYCO 项目中正确使用此套件,强调从实时源读取 API 而非凭记忆编写。
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能,用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则,覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供,包含问题说明、错误代码示例与正确代码示例,可用于指导自动化重构与代码生成。
frontend-implement 是一个前端实现技能,用于按已批准的前端范围严格消费跨仓库契约,构建包含全部必需 UI 状态的前端功能,并满足前端工程标准。
一个前端开发技能,强调“先引用后编码”:实现功能或修 bug 前须先找到权威文档并引用依据,再严格按引用实现;同时关注运行时性能、可访问性与像素级还原,并按技术栈加载对应子技能或参考文件。
面向 Vue 3 / Vue.js 在 TypeScript、vue-tsc、Volar 环境下的最佳实践技能,用于编写、审查或重构 Vue 组件时确保正确的类型模式与工具链用法,涵盖 props 提取、模板类型检查、Volar 配置、路由参数类型等场景。
cookie-use 是一个站点无关、面向智能体的多账号会话管理器,可为任意网站加密保存登录会话,并支持列出、捕获、切换与注入到浏览器。它基于 chrome-use,仅支持 macOS。
手工川工作室维护的通用前端设计方法,用于把需求、现有界面与真实素材落实为有辨识度、交互一致的前端,覆盖页面、组件、导航、GSAP 展示及图片音视频。适用于设计或改进前端 UI、提升界面专业度、制作交互案例集。
为现有前端项目幂等接入 Lovinsp(点击 DOM 跳转源码)并验证生效,支持从 code-inspector 自动迁移。适用于 Vite、Webpack、Next.js、Nuxt 等浏览器渲染前端项目。
用于维护 Skill Publisher 网站伙伴名录并统一活动海报/首屏伙伴 Logo 视觉高度的技能:借助 lov-find-logo 获取品牌 Logo,规范化尺寸与反色,写入 PARTNERS 数组与多语言文案,并支持审计缺失 Logo、缺失 i18n 键与失效链接。
面向 React 项目的组件架构治理技能,帮助在评审或设计组件边界时做出一致决策,判断 UI 应保持内联、提取为本地辅助函数、成为组件边界,还是其他边界类型,并处理分类、打包与归属问题。
面向 React 的 TanStack 生态开发指南技能,覆盖 Query、DB、Form、Router、Start 五大模块,通过路由式索引把具体代码模式、反模式与检查清单分散到 references/*.md 参考文件中,供开发者按任务类型查阅后动手实现。
面向 React 19 组件测试的规范技能,在编写测试时提供 React Testing Library 查询优先级、组件渲染策略、user-event 交互、异步与错误处理、Mock 边界、可访问性测试、覆盖率与 CI 要求等实践指引。