angular-forms
Angular Signal Forms 技能，介绍 Angular v21 及以上版本中基于 signal 构建类型安全、响应式表单的方式，涵盖双向绑定、模式校验、字段状态等。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,047 个结果
angular-http
面向 Angular v20+ 的 HTTP 数据获取技能，讲解如何用 signal 驱动的 httpResource()、通用 resource() 以及传统 HttpClient 完成 API 调用、数据加载与请求状态管理。
angular-routing
面向 Angular v20+ 的路由配置技能，涵盖懒加载、函数式守卫、解析器与信号驱动的路由参数，用于导航设置、受保护路由与数据预取等场景。
angular-signals
面向 Angular v20+ 的信号式响应状态管理技能，介绍用 signal() 创建可写状态、computed() 派生状态、linkedSignal() 依赖重置状态、effect() 处理副作用，以及与 RxJS 互操作、服务状态封装等用法。
angular-testing
面向 Angular v20+ 的单元与集成测试技能，支持 Vitest（推荐）或 Jasmine，结合 TestBed 与现代测试模式，覆盖信号组件、服务、HTTP、输入输出与异步操作。
angular-tooling
面向 Angular v20+ 项目的 Angular CLI 与开发工具使用技能，覆盖项目创建、代码生成、开发服务器、构建、测试、Lint、配置管理、依赖添加与版本升级等日常工程操作。
react-component-guidelines
Langfuse 仓库中的 React 组件编写规范，用于新建 React 组件时参考。强调组件应可隔离、接口显式、避免多态与可选属性，并规定组合、状态表达、封装、归属、浮层与样式确定性等约定。
inertia-react
用于 AdonisJS + Inertia.js + React 项目的前端技能，覆盖 React 页面组件、类型生成、共享数据、Form/Link 组件、数据加载、分页与重定向等模式，需与 adonisjs 技能配合使用。
split-micro-app
split-micro-app 是 lobehub/lobehub 仓库中的技能，面向独立微应用的拆分与交付，覆盖 React Router 的 SSR/SSG、Cloud 叠加层、Workers、CDN/R2、SEO/OG、网关路由、预览与 Docker 集成及 SSR 打包体积控制，并记录相关决策与易踩的坑。
figma-to-code
从 Figma 提取无损设计信息并生成生产级 React/Next.js 组件，使用 TypeScript 与 Tailwind CSS，追求像素级还原。适用于用户提供 Figma 设计、需要转成前端代码的场景。
audit-website
该技能借助 squirrelscan CLI（squirrel 命令）对网站进行审计，覆盖 SEO、性能、安全、内容、无障碍等 21 个类别、230 多条规则，输出带总体健康评分与可操作建议的报告。需先安装 squirrel CLI，并可通过 LLM 格式查看结果。
app-renderer-systems
该技能用于创建、扩展或调试组织在 systems/ 目录下的前端领域模块，覆盖适配器（adapters）、Query 钩子、本地状态与公共导出。它强调按需扩展已有系统，只创建功能真正需要的层级，避免为局部组件改动而搭建整套 CRUD 适配器、store、context provider 或测试。技能规定了依赖方向（组件消费钩子，钩子消费 query/options 与适配器，适配器不导入 UI）、跨系统消费走公共 barrel、在适配器中保留 API 信封并在读取边界展平为视图模型、复用规范化的 query options/keys、传递 AbortSignal、使用项目类型化错误契约、遵循既有新鲜度默认值、通过规范化 key 协调 mutation、仅在需要共享子树状态时添加 context、服务端状态保留在 Query、事件驱动本地数据使用 XState Store 等实践。
optimize-loader
针对 React Router loader 的性能优化技能：通过消除重复数据库查询、创建精简查询变体和并行化独立请求来加速慢 loader，资料还给出跨域依赖注入做法，并提醒保留过滤与排序、按最小所需类型重构参数。
blode-ui
Blode UI 是 Matthew Blode 构建的 shadcn/ui 组件注册表，强调品味与工艺，组件以源码形式安装到项目中供自行编辑。本技能覆盖 @blode 安装流程与配套设计系统。
docling-convert
docling-convert 是一个通过本地部署的 Docling Gradio 服务，把本地文件或网页 URL 转换为 Markdown、JSON、HTML、文本或 DocTags 的技能，支持 OCR 与图片导出，适合需要可重复、稳定的文档解析流程。
frontend-design-patterns
面向前端团队的 React 企业级架构技能，融合领域驱动设计（DDD）与特性切片设计（FSD），配合严格 TypeScript 约定，并附带参考文档与代码生成脚本。
49-html-email-template-global
编写跨客户端兼容的响应式 HTML 邮件模板：仅用表格布局、内联 CSS、最大宽度 600px，兼顾深色模式与 Outlook、Gmail 等客户端的兼容怪癖。
moai-platform-vercel
Vercel 边缘部署专家技能，覆盖 Edge Functions、Next.js 优化、预览部署、ISR 与托管存储。适用于以 Next.js 为主框架、需要边缘性能与预览协作的场景。
pp-elezioni-sicilia
用于查询西西里选举数据的只读命令行工具，可获取市政与地区选举的投票率、候选人、名单、席位及历史趋势，支持 JSON 输出与智能体模式。
react-effect-patterns
针对 React useEffect 使用规范与避免不必要 Effect 的指南，适用于编写、审查或重构使用 useEffect 的 React 组件，涵盖何时该用与不该用 Effect、决策树及多个常见反模式与替代写法。
website-devtools
用于网站开发调试的技能：借助浏览器工具检查页面渲染、诊断布局或 CSS 问题，并与 Maintainer 协作排查。需通过 VS Code 预览服务器访问站点，使用浏览器工具获取控制台错误、计算样式与 DOM 结构等实际证据，不能凭猜测判断渲染行为。
theming
@pierre/theming 是一个运行时主题管理包，用于列出、解析、选择、切换、持久化或应用主题，涵盖颜色模式、主题控制器、React 状态与界面颜色映射。
tidbx-nextjs
用于在 Next.js App Router 项目中连接 TiDB 的技能，指导数据库代码放在服务端、选择 Node 运行时、配置 mysql2 连接池，并给出 Prisma、Kysely 与直连驱动的取舍及部署到 Vercel 等无服务器平台的注意事项。
css-tailwind
Tailwind CSS 实用优先框架技能，覆盖配置、自定义与生产优化，支持多种框架集成，提供主题参数化调用与常见用法示例。