animate
animate 是 howells/arc 技能集中的一个动效设计技能:它审查某个功能,找出需要反馈、过渡或惊喜感的静态区域,再以动效或 CSS 添加有目的的动画。适用于前端界面动效方案制定与实现。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-31 00:15
11,333 个结果
animate 是 howells/arc 技能集中的一个动效设计技能:它审查某个功能,找出需要反馈、过渡或惊喜感的静态区域,再以动效或 CSS 添加有目的的动画。适用于前端界面动效方案制定与实现。
面向现代 Next.js 开发的综合技能,基于 App Router、React、TypeScript 与 Tailwind CSS,提供统一规范与最佳实践,强调默认使用服务端组件、类型安全、性能与可维护性。
google-flight 是一个通过单次 HTTP GET 请求搜索 Google Flights 价格的极简技能,不依赖浏览器渲染或截图,用 uv run 脚本即可查询航班价格,适合快速获取某一日期区间内的机票价格估计。
Landing Creator 是一个通过 13 步循证设计流程,先规划并确认内容、再用 Astro 制作落地页的技能。适用于产品主页、活动或发布页、候补名单等场景。
面向 Next.js 与 next-intl 应用的 CJK(中/日/韩)排版与语言切换模式合集,针对 CJK 字形偏大、字体继承、标题换行、切换语言被重定向、locale 前缀路径匹配与移动端间距等问题提供可复用写法与验证方法。
从单一源图生成 Tauri 桌面、iOS、Windows MSIX 与 macOS 构建所需的全部应用图标尺寸,输出到 src-tauri/icons/。
用于前端 UI 实现、修改与审查的技能:在既有技术栈内做最小化 DOM/CSS 改动,明确布局归属并显式验证。适用于路由、组件、表单、表格、仪表盘、响应式、DOM/CSS 结构与布局相关工作。
介绍如何将 Ignite UI for React 的 Grid Lite(IgrGridLite)迁移到高级 Data Grid(IgrGrid),涵盖导入、主题 CSS、列与模板 API 变化、远程数据策略及清理步骤。
a2ui 是 iii-hq/workers 中的一项 AI 技能,用于在 Harness 回复以仪表盘、表单、摘要、对比或决策界面呈现比纯文字更清晰时,生成安全的交互式 A2UI 界面。用户描述期望的界面体验并提供底层数据,该技能通过 llm-router 完成界面组装,校验 A2UI v0.9.1 规范,并返回一份精简回执,由 Console 渲染界面。界面归属于当前 Harness 会话,Console 中的操作会以结构化用户交互的形式回到同一对话。生成界面使用固定的 Console 组件目录,不能执行 HTML、JavaScript、CSS 或任意组件,适合需要可浏览、可操作结果的场景。
stories 是 iii 工作区内面向 React 项目的组件故事工具,索引各项目的 CSF 故事文件(*.stories.tsx)并用项目自身的 Vite 构建。它把组件定义为故事文件(标题、分组、标签、源文件),把状态定义为文件的具名导出(args、argTypes、推断控件),把线定义为源码树(实时工作树、上一次构建、HEAD 或 main 等 ref、完整 sha,以及 ide worker 保留的聊天轮次快照)。比较两条线可把组件分类为直接、间接、新增、删除或未变更,并列出变更背后的文件。截图、树和差异通过浏览器 worker 渲染,冻结时间、随机性、区域和动效,相同输入得到相同像素。它适合 PR、分支或聊天轮次改动 UI 代码后审查受影响组件与状态、无需人工开浏览器做视觉或结构验证、让智能体获取指定状态与 props 下的 DOM、计算样式、布局盒或 React 树,以及在控制台侧边查看资源管理器或比较视图。限制:不是测试运行器,忽略 play 函数、MDX 文档和插件,交互测试仍归项目自身工具;渲染需要浏览器 worker 和 ADE,缺失时组件、比较和文件差异功能仍可用;一条线只构建一次并按 sha 缓存,大型单体仓库构建 main 需数十秒,建议用 wait: true 或轮询;触及应用单例的故事会携带 error 字段,应读取而非重试。
frontend-design 是一个面向前端界面的视觉设计与美学方向技能,用于构建网页、落地页、仪表盘或应用时提供设计判断。它先检测项目现有设计系统,再决定匹配、融合或全新设计,并强调先写设计理念再写代码。
面向 React 前端开发的技能文档,涵盖组件 TypeScript 类型、Hooks 与 Effect 使用决策、状态管理选型、性能优化、React 19 新 API、Next.js App Router 路由与缓存、Vitest 与 React Testing Library 测试,以及 Tailwind 集成与代码纪律。
Tailwind CSS v4 的 CSS-first 配置与实用类模式技能,覆盖 @theme 令牌、@utility、@custom-variant、组件变体与 v3 迁移要点,适合用 Tailwind 写样式或升级项目时参考。
将设计令牌 JSON 文件生成或更新为 Tailwind CSS v4 的 CSS-first 主题变量,输出含 @theme 块的 CSS,适合需要把设计令牌确定性同步到 Tailwind v4 项目的场景。
该技能面向 Drupal 与 WordPress 的 code-first(代码优先)CMS 开发,覆盖内容建模、站点架构、自定义主题、插件与模块开发、Gutenberg 与 Layout Builder 的灵活内容体系,以及性能、安全、无障碍和代码质量审计。它强调使用 hooks、filters 与插件/模块机制,不修改核心;配置以代码管理(Drupal 的 YAML 导出,WordPress 的 wp-config.php 或代码),自定义文章类型、字段与区块(block)均以代码注册;提供 WordPress 主题与插件样板,以及 Drupal 模块结构示例、Gutenberg 自定义区块(block.json 与 render.php)、ACF 区块、Twig 模板、预处理 hook 等交付参考。适用于新建或改造 Drupal/WordPress 站点、企业级与多语言项目,以及需要可维护、达到 WCAG 2.1 AA 的主题或扩展开发场景。
该技能是一个面向国际化(i18n)与本地化工程的专家型助手,用于帮助 Web、移动端和后端系统实现跨语言、跨文字系统和跨地区的正确行为。其核心关注点包括:将用户可见字符串外部化并使用 ICU MessageFormat 编写完整消息,避免字符串拼接;按 CLDR 复数规则处理各语言复数类别;通过 Intl/CLDR 接口完成日期、数字、货币、列表和相对时间的本地化格式化;使用逻辑 CSS 属性构建可同时支持 LTR 与 RTL 的布局,并考虑文本膨胀和不可断词;把伪本地化接入 CI 以发现硬编码字符串和截断问题;设计翻译工作流,包括译者上下文说明、TMS 集成、语言回退链和评审闭环。资料还强调 Unicode 规范化、字素簇截断、区域感知排序以及双向文本隔离等细节。
该技能聚焦美国Web设计系统(USWDS)的前端开发,强调通过设计令牌与Sass设置进行主题定制,使用官方、已通过无障碍测试的组件构建联邦及公共部门界面,遵循21世纪IDEA法案、联邦网站标准及Section 508/WCAG 2.1 AA要求。适合需要实现.gov横幅、标识符、响应式政府UI及CMS集成的项目。
该技能定义了一个专注于微信小程序开发的专家角色,覆盖 WXML/WXSS/WXS 开发、微信 API 集成、微信支付、订阅消息、社交分享与小程序性能优化。它强调遵守平台约束(域名白名单、HTTPS、分包体积限制、审核合规),并提供项目结构、统一请求封装、支付与订阅消息模板、性能优化页面等代码范例,面向电商、服务、社交与企业类小程序构建场景。
这是一个面向 WordPress 性能优化的专家级技能/提示词角色,主要关注用测量与减负手段提升 Core Web Vitals。内容涵盖:先用 Query Monitor 采集查询数、慢查询、插件开销、autoload 体积等基线,再用 Lighthouse 移动端记录 LCP、INP、CLS;随后优化 WP_Query(设置 posts_per_page、no_found_rows、索引 meta/tax 字段、消除 N+1)、精简 autoload、用瞬态缓存昂贵计算数据;按层部署对象缓存(Redis/Memcached)、页面缓存与 CDN,并明确排除购物车、结账、账户与登录页;最后处理前端资源(压缩、延迟、关键 CSS、字体)、图片尺寸与 WebP/AVIF、LCP 图预加载,以及 opcache、PHP-FPM 等基础设施调优。
将静态 HTML/CSS 网站通过 REST API 部署到 ERPNext/Frappe v15/v16 的 Web Page 技能,涵盖页面构建、CSS 管理、导航配置与论坛集成。
面向 SolidJS 响应式核心模型的技能资料,用于推理响应式、排查追踪问题,并解释组件为何只运行一次,避免套用 React 心智模型。
用于排查 SolidJS 响应式失效问题的调试技能:当信号变更后 UI 不更新、effect 不触发或 store 更新未反映到界面时,提供症状到原因再到修复的对照表、诊断流程与跟踪作用域规则。
SolidJS 上下文(Context)语法技能,用于在组件间共享状态、创建 Provider 与实现依赖注入,避免非响应式上下文值和常见误用。
面向 SolidJS 开发的技能包,指导正确使用 createSignal、createEffect、createMemo、createResource 等响应式原语与生命周期钩子,避免 React useState/useEffect 写法污染导致的追踪失效。