nextjs-pages-router
面向 Next.js 旧版 Pages Router 项目的技能，指导使用 getServerSideProps、getStaticProps 与 API 路由实现数据获取与路由，适用于在 pages/ 目录下工作的场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,311 个结果
nextjs-styling
面向 Next.js 的样式技能：以零运行时 CSS 为主，优先使用 Tailwind/shadcn 实现 RSC 兼容样式，并提供 cn() 工具、字体与图片尺寸优化要点。
nextjs-tooling
面向 Next.js 项目的构建与工程化配置指引，覆盖 Turbopack、独立 Docker 输出、打包分析、CI 缓存、环境变量校验、遥测关闭与日志规范等主题，适用于搭建和优化 Next.js 开发与部署流程。
react-native-architecture
React Native 项目架构技能，主张按功能（feature-first）组织代码、关注点分离与文件就近放置，适用于搭建或重构 React Native 项目结构。
react-typescript
针对 React 组件与 Hooks 的 TypeScript 类型标注技能，覆盖 props、事件处理器、useRef/useState 及泛型组件等常见场景，提供优先做法与反模式指引。
troubleshoot-wordpress
用于诊断 Hostinger 上 WordPress 常见故障的技能，覆盖 PHP 版本与扩展不匹配、插件/主题冲突、白屏、后台变慢、缓存陈旧等问题，通过 Hostinger MCP 工具排查并给出修复建议。
animate
animate 是 howells/arc 技能集中的一个动效设计技能：它审查某个功能，找出需要反馈、过渡或惊喜感的静态区域，再以动效或 CSS 添加有目的的动画。适用于前端界面动效方案制定与实现。
comprehensive-nextjs-expert
面向现代 Next.js 开发的综合技能，基于 App Router、React、TypeScript 与 Tailwind CSS，提供统一规范与最佳实践，强调默认使用服务端组件、类型安全、性能与可维护性。
google-flight
google-flight 是一个通过单次 HTTP GET 请求搜索 Google Flights 价格的极简技能，不依赖浏览器渲染或截图，用 uv run 脚本即可查询航班价格，适合快速获取某一日期区间内的机票价格估计。
landing-creator
Landing Creator 是一个通过 13 步循证设计流程，先规划并确认内容、再用 Astro 制作落地页的技能。适用于产品主页、活动或发布页、候补名单等场景。
nextjs-cjk-i18n-typography
面向 Next.js 与 next-intl 应用的 CJK（中/日/韩）排版与语言切换模式合集，针对 CJK 字形偏大、字体继承、标题换行、切换语言被重定向、locale 前缀路径匹配与移动端间距等问题提供可复用写法与验证方法。
iblai-iconography
从单一源图生成 Tauri 桌面、iOS、Windows MSIX 与 macOS 构建所需的全部应用图标尺寸，输出到 src-tauri/icons/。
frontend-implementation
用于前端 UI 实现、修改与审查的技能：在既有技术栈内做最小化 DOM/CSS 改动，明确布局归属并显式验证。适用于路由、组件、表单、表格、仪表盘、响应式、DOM/CSS 结构与布局相关工作。
igniteui-react-migrate-grid-lite-to-premium
介绍如何将 Ignite UI for React 的 Grid Lite（IgrGridLite）迁移到高级 Data Grid（IgrGrid），涵盖导入、主题 CSS、列与模板 API 变化、远程数据策略及清理步骤。
a2ui
a2ui 是 iii-hq/workers 中的一项 AI 技能，用于在 Harness 回复以仪表盘、表单、摘要、对比或决策界面呈现比纯文字更清晰时，生成安全的交互式 A2UI 界面。用户描述期望的界面体验并提供底层数据，该技能通过 llm-router 完成界面组装，校验 A2UI v0.9.1 规范，并返回一份精简回执，由 Console 渲染界面。界面归属于当前 Harness 会话，Console 中的操作会以结构化用户交互的形式回到同一对话。生成界面使用固定的 Console 组件目录，不能执行 HTML、JavaScript、CSS 或任意组件，适合需要可浏览、可操作结果的场景。
stories
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
frontend-design 是一个面向前端界面的视觉设计与美学方向技能，用于构建网页、落地页、仪表盘或应用时提供设计判断。它先检测项目现有设计系统，再决定匹配、融合或全新设计，并强调先写设计理念再写代码。
react-frontend
面向 React 前端开发的技能文档，涵盖组件 TypeScript 类型、Hooks 与 Effect 使用决策、状态管理选型、性能优化、React 19 新 API、Next.js App Router 路由与缓存、Vitest 与 React Testing Library 测试，以及 Tailwind 集成与代码纪律。
tailwind-css
Tailwind CSS v4 的 CSS-first 配置与实用类模式技能，覆盖 @theme 令牌、@utility、@custom-variant、组件变体与 v3 迁移要点，适合用 Tailwind 写样式或升级项目时参考。
design-tokens-tailwind
将设计令牌 JSON 文件生成或更新为 Tailwind CSS v4 的 CSS-first 主题变量，输出含 @theme 块的 CSS，适合需要把设计令牌确定性同步到 Tailwind v4 项目的场景。
agency-cms-developer
该技能面向 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 的主题或扩展开发场景。
agency-internationalization-engineer
该技能是一个面向国际化（i18n）与本地化工程的专家型助手，用于帮助 Web、移动端和后端系统实现跨语言、跨文字系统和跨地区的正确行为。其核心关注点包括：将用户可见字符串外部化并使用 ICU MessageFormat 编写完整消息，避免字符串拼接；按 CLDR 复数规则处理各语言复数类别；通过 Intl/CLDR 接口完成日期、数字、货币、列表和相对时间的本地化格式化；使用逻辑 CSS 属性构建可同时支持 LTR 与 RTL 的布局，并考虑文本膨胀和不可断词；把伪本地化接入 CI 以发现硬编码字符串和截断问题；设计翻译工作流，包括译者上下文说明、TMS 集成、语言回退链和评审闭环。资料还强调 Unicode 规范化、字素簇截断、区域感知排序以及双向文本隔离等细节。
agency-uswds-developer
该技能聚焦美国Web设计系统（USWDS）的前端开发，强调通过设计令牌与Sass设置进行主题定制，使用官方、已通过无障碍测试的组件构建联邦及公共部门界面，遵循21世纪IDEA法案、联邦网站标准及Section 508/WCAG 2.1 AA要求。适合需要实现.gov横幅、标识符、响应式政府UI及CMS集成的项目。
agency-wechat-mini-program-developer
该技能定义了一个专注于微信小程序开发的专家角色，覆盖 WXML/WXSS/WXS 开发、微信 API 集成、微信支付、订阅消息、社交分享与小程序性能优化。它强调遵守平台约束（域名白名单、HTTPS、分包体积限制、审核合规），并提供项目结构、统一请求封装、支付与订阅消息模板、性能优化页面等代码范例，面向电商、服务、社交与企业类小程序构建场景。