hero-section
hero-section 是一套关于首屏 Hero 区域的设计与实现技能,涵盖居中、左右分栏、视频背景和极简排版等首屏样式,提供背景技法、响应式策略与 LCP 性能优化建议,并附可直接用于生产的代码。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-19 00:11
10,876 个结果
hero-section 是一套关于首屏 Hero 区域的设计与实现技能,涵盖居中、左右分栏、视频背景和极简排版等首屏样式,提供背景技法、响应式策略与 LCP 性能优化建议,并附可直接用于生产的代码。
React Hook Form v7(RHF,非受控表单库)参考技能,汇总其完整 API 文档。提供 useForm、register、handleSubmit、watch、setValue、getValues、reset、Controller 等 API 的查阅路径,并按用途、主要 API、使用方式、示例与限制分段整理。
用于把外部课程目录数据(CSV、PDF、网站)迁移到 Education Cloud 的技能:解析来源、校验数据质量,并通过 Composite API 批量创建 Learning 与 LearningCourse 记录,支持关联课程识别与冲突处理。
Ant Design Vue(简称 AntDV)是面向 Vue 3 的组件库使用指南技能,覆盖安装、使用、API 参考、模板以及全部组件分类。当用户提到 Ant Design Vue、AntDV、Ant Design of Vue,或在 Vue 3 项目中使用 Button、Table、Form、Modal、Menu 等 UI 组件,或需要 Ant Design Vue 4.x 的 API 与配置时,可依据该技能定位到对应的文档结构。技能内容按官方文档结构组织,分为入门与安装、组件分类示例、API 参考、主题与国际化、模板等部分,组件按通用、布局、导航、数据录入、数据展示、反馈、其他七大类一一映射到对应文件,并提供 ConfigProvider 全局配置、Design Token 主题定制、国际化以及 Vite 项目搭建等模板指引。
Svelte 5 非 Runes 响应式架构技能,聚焦生命周期、Stores、Context 与测试四大子系统。内容涵盖 onMount/onDestroy/tick 生命周期钩子、writable/readable/derived 等 Store 用法、createContext/setContext/getContext 上下文共享,以及 Vitest、Storybook、Playwright 测试方案,并附浏览器支持矩阵与常见问题排查。适合在 Svelte 5 项目中处理挂载清理、状态共享、SSR 隔离与组件测试的开发者参考。
vue-router-best-practices 是一份面向 Vue Router 4 的实践指南类技能,聚焦路由使用中的常见模式与易踩的坑。内容主要覆盖三块:导航守卫(Navigation Guards)、路由生命周期(Route Lifecycle)以及工程搭建(Setup)。在导航守卫方面,它指出并归类了若干典型问题,例如同一路由但参数不同时的跳转行为、在 beforeRouteEnter 守卫中访问组件实例的限制、守卫内发起 API 调用却未使用 await 的写法、以及用户被困在无限重定向循环中的情况,还包括使用已被废弃的 next() 函数的问题。在路由生命周期方面,它关注同一路由间跳转时数据未刷新的陈旧数据问题,以及组件卸载后事件监听器仍然残留未被清理的隐患。在搭建方面,它涉及构建生产环境单页应用时的路由使用建议。该技能以问题索引的形式组织内容,每个具体问题都指向对应的独立条目,方便按需查阅,适合正在使用 Vue Router 4 进行前端路由开发、希望规避常见陷阱的开发者参考。
jacky-motion 是一套把中文口播稿转成可录屏 16:9 信息动画 HTML 的工作流技能,含审稿、分镜、锁风格、生成 HTML、验收、配音录制六个阶段与三次确认门,输出单文件 HTML 配合 GSAP 动画,可选接入 TTS 生成带音频自动播放页。
在 Next.js 15(App Router)中渲染已登录用户的 Paddle 账单历史:通过 Paddle Node SDK 列出交易,必须按 customerId 过滤,支持游标分页、状态筛选与货币金额格式化。
用于在 Next.js 15(App Router)Server Action 中取消 Paddle 订阅的技能,涵盖身份验证、归属校验、effectiveFrom 安全默认值、revalidatePath 刷新,以及 canceled 状态与 scheduledChange 的区别。
Paddle 订阅计划变更技能:在 Next.js 15 App Router 的 Server Action 中调用 paddle.subscriptions.update() 切换订阅套餐,涵盖鉴权、归属校验、prorationBillingMode 选择、items 数组替换语义与支付失败处理。
Svelte LayerChart 图表组件技能,涵盖 tooltip 片段、Chart 上下文访问及 Svelte 5 snippet 模式,用于在地图、面积图、柱状图、散点图等场景中构建图表。
用于在 Angular 应用中集成 Syncfusion Spreadsheet 组件的技能,可生成类 Excel 界面的 Angular 代码,支持 Excel/CSV 文件导入导出、数据绑定、公式、图表、单元格格式、条件格式、批注与保护和虚拟滚动等。
一个用于创建独特、接近生产级别前端界面的设计技能,强调避免通用 AI 审美,覆盖设计思维、字体搭配、色彩理论与动效,并可通过克隆仓库安装到 Claude 技能目录。
Vaadin 官方 agent skill,指导 AI 代理为 Vaadin 25 构建超越默认主题的精致界面,涵盖设计方向、主题系统、排版、配色、间距、阴影、动效与组件打磨,并强调使用主题变量与组件变体。
LINE LIFF(LINE Front-end Framework)是用于在 LINE 内构建网页应用的前端框架,该资料为其 SDK 的综合参考,涵盖认证、消息传递、二维码扫描、永久链接等内容。资料强调不应凭记忆回答 LIFF 问题,因为 LINE API 更新频繁,培训数据不可靠,须查阅所附参考文档。内容面向构建、审查和调试 LINE 内 LIFF 网页应用,提供构建与审查/调试的工作流程、环境变量说明、SDK 安装(CDN 或 npm,可用可插拔 SDK 减少约 34% 打包体积)、初始化示例、视图尺寸(Full、Tall、Compact)、关键约束(Endpoint URL 规则、URL 处理、Universal Links、令牌安全、登录行为差异、已弃用 API)以及参考索引和 SDK 与工具清单。
next-intl 的 App Router 国际化模式技能:类型安全的语言路由、消息渲染、日期数字格式化与静态生成。适用于项目已引入 next-intl 时。
基于 nuqs 将 React 状态同步到 URL 查询参数的技能,涵盖 Suspense 包装、解析器、清除参数与可深链接对话框,适合构建可分享的筛选、搜索等界面。
Visual Style Presets 是一个视觉风格预设技能,提供九套完整网站视觉方向,每套包含表面层级、强调色规则、字体搭配与标志性结构母题,用于落地页、网站等界面设计。
veltra-ui 是一套 Vue 3 UI 体系,涵盖 @veltra/desktop 桌面组件、@veltra/ai AI 对话、@veltra/sheet 电子表格、@veltra/styles 主题样式、utils、compositions、directives、icons 与 @veltra/vite 按需解析器,用于在 Vue 3 项目中统一选择并正确使用这些公开能力。
面向 Unity UI Toolkit 开发的辅助技能,覆盖 UXML 结构、USS 样式、C# VisualElement 操作、数据绑定与自定义控件,适用于构建编辑器窗口和运行时界面。
该技能为 Inbox Zero 项目提供 UI 组件与样式规范,基于 Shadcn UI、Radix UI 和 Tailwind CSS,涵盖响应式设计、图片组件、数据请求与表单组件等约定。
将公开 X/Twitter 状态冻结为可重复渲染的本地副本,生成本地 HTML/CSS 页面,并用 Playwright 录制,输出高质量 MP4 主文件与不超过 24 MB 的 GIF 预览。支持单条公开推文及一层嵌套引用卡片。
面向 SaaS 产品、Web 应用、仪表盘、引导流程与落地页的前端界面设计技能,用于设计、构建、审查和优化生产级前端界面,强调清晰路径、层级、状态完整性与可访问性。
grilling-viz 是一个把 grilling 提问整理成可选择、可自由输入并生成可复制 HTML 回答页的技能,生成结果可离线单独运行。