angular-migration
用于将 AngularJS（1.x）应用迁移到 Angular（2+）的技能，涵盖混合应用、组件转换、依赖注入改造与路由迁移，并提供迁移策略、时间线与常见陷阱说明。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
angular-state-management
面向 Angular 的现代状态管理技能指南，覆盖 Signals、NgRx 与 RxJS 三种方案，帮助选择本地状态、共享状态、全局状态与服务器状态的实现方式，并给出迁移与最佳实践建议。
angular-ui-patterns
面向现代 Angular 的 UI 模式技能，聚焦加载状态、错误处理与数据展示。适用于构建 UI 组件、处理异步数据或管理组件状态时，提供加载、错误、空状态、按钮状态、表单与对话框等实践规范。
audit-website
用于在规划改动前对网站进行广泛审计的技能，覆盖用户体验、转化、内容、SEO、技术正确性与信息层级。属于兼容性恢复技能，若存在更专门的新技能应优先使用。
frontend-layout
frontend-layout 是一个面向落地页、网站、应用与 UI 的前端布局技能，强调视觉构图与结构优先，通过艺术指导、图像主导的层级、克制用色与少量有意图的动效，产出有设计感、高级且当下的界面。
frontend-mobile-development-component-scaffold
用于 React 与 React Native 组件脚手架生成的技能，可按需求产出 TypeScript 组件、类型定义、样式、测试与 Storybook 文档，强调可访问性与可维护性。
frontend-mobile-security-xss-scan
面向前端代码的 XSS 漏洞扫描技能，可分析 React、Vue、Angular 与原生 JavaScript，识别注入点、不安全 DOM 操作和净化不当等问题，并给出修复建议与安全编码示例。
frontend-patterns
面向 React 与 Next.js 的前端开发模式技能，涵盖组件组合、状态管理、数据获取、性能优化、表单校验、动画与无障碍等实践，提供可参考的代码模式与用法示例。
adding-motion-and-interaction-taste-rules
该技能用于在 SKILL.md 中编写「动效与交互品味规则」，指导 AI 代理以有明确理由、正确的时长与缓动、完整的交互状态以及 reduced-motion 支持来制作动画。适用于前端 UI 的动效规范编写，隶属 Taste Skill 前端设计框架，难度为中级，学习时间约 2-3 小时。
configuring-layout-and-visual-density-constraints
这是一个前端布局与视觉密度约束技能，用于把容器、网格、区块多样性、密度等级和移动端折叠规则写入 SKILL.md，让 AI 智能体在生成页面时按规则进行版面编排，并在手机上正确折叠为单列。该技能属于 Taste Skill 前端设计框架，面向营销页、内容页与产品界面分别给出规则；产品名为 Hamster 的上下文工具为可选推荐项，缺少它时技能仍可使用。
tailwind-design-system
Tailwind Design System (v4) 是一个面向 Tailwind CSS v4 的设计系统构建技能，帮助开发者创建可扩展的组件库、设计令牌、响应式模式和主题。它采用 CSS-first 配置，支持语义化颜色令牌（OKLCH）、深色模式、动画、组件变体与无障碍访问，适用于组件库开发、UI 标准化及从 Tailwind v3 迁移。
rtl
用于审计与维护 stream-chat-react-native 中 RTL（从右到左）布局兼容性的技能，适用于修改样式、定位、Flex 布局、滑动手势、SVG 图标或用户生成文本等可能影响希伯来语、阿拉伯语等 RTL 用户的改动。
mantine-react-component-dev
用于基于 Mantine UI、TypeScript 与现代工具链开发 React 组件库的技能，涵盖工厂模式、Styles API、上下文、可访问性、测试与文档等开发规范。
dangling-markup-injection
悬空标记注入（Dangling Markup Injection）技能手册：当页面存在 HTML 注入点但 JavaScript 执行被 CSP、净化器或 WAF 阻断时，利用未闭合的 img/form/base/meta/link 等标签，把注入点之后的敏感内容（CSRF 令牌、预填表单值、隐藏字段等）带入 URL 外带到攻击者服务器。
xss-cross-site-scripting
XSS 跨站脚本攻击专家手册技能，用于用户可控内容进入 HTML、属性、JavaScript、DOM 汇聚点、上传或多上下文渲染路径时的测试与利用。覆盖上下文载荷选择、WAF 与 CSP 绕过、盲打 XSS、二次注入及后利用链。
analyze-crypto
一键综合分析加密货币的技能：输入代币名称或符号，通过并行子代理采集价格、新闻情绪、赛道对比、市场环境、项目基本面五个维度，交叉分析后输出含24小时行情与7日趋势的HTML报告，并可生成PDF。
analyze-stock
一键综合分析某只股票或公司：并行采集股价、新闻舆论、行业对比、市场环境、公司官网五个维度数据，再交叉归因与趋势预测，输出含当日行情和7日趋势的标准化 HTML 报告，并可生成 PDF。支持 A股、港股、美股。
chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
widgets-ui
widgets-ui 是一套面向 React/Next.js 的声明式 UI 组件方案，来自 ui.inference.sh，目标是把结构化数据（JSON）直接渲染为丰富的交互界面。它通过一个 WidgetRenderer 组件接收 Widget 对象，用 children 嵌套描述布局、排版、表单控件与展示元素，并支持表单提交和数据回传。适合用于智能体或后端返回结构化响应后，前端无需手写组件即可生成界面，例如表单收集、航班信息卡片等场景。
timetable-card
将学校课程表照片转换为可打印的 A4 HTML 课表卡片，一页含 3 张相同的铅笔盒尺寸卡片，含虚线裁切线，仅显示周一至周五与科目名称，支持中英文课表。
dev-testing-frontend
Capsem 前端测试技能：用于编写前端测试、运行类型检查，并通过 Chrome DevTools MCP 做视觉验证。基于 Astro 7 + Svelte 5 + Tailwind v4 技术栈。
frontend-design
Capsem 前端设计系统技能，用于构建 UI 组件、样式视图、选择颜色，以及使用 Svelte 5 runes 与组件库。技术栈为 Astro 7、Svelte 5、Tailwind v4 与 Capsem 自有语义 CSS。
gee-adhoc-maps
gee-adhoc-maps 是用于快速生成交互式 HTML 地图、检查 Earth Engine 结果的技能，基于 folium 与 getMapId 瓦片图层，支持图层叠加、透明度调节、全部显示/清除与坐标拾取。
auditing-ui-archeology
面向遗留前端模板（Pug、EJS、HTML）的 UI 逆向审计技能，用于提取组件、布局与条件逻辑清单，产出向现代组件化设计系统迁移的蓝图。