AiTest123.comAI 评测与可信度检测平台
拖动滑块完成拼图，通过后发送验证码
独立第三方 AI 评测平台 · 只用实测数据
给前端工程师的工具箱：先挑一二个能立刻省时间的，再逐步替换流程。
本专题共收录 21 个技能，以前端设计（7）、开发（5）、教育学习（4）这些方向为主。其中 20 个给出可执行安装命令，3 个标明许可证。
siviter-xyz
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时
first-fluke
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时
bahayonghang
用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。
适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时
clawhub_nightknight64
结构化多智能体协作，用于后端+前端的构建。当需要编排器协调后端工程师和前端工程师时使用...
guomeng
该岗位10个高频任务的成品提示词（角色+上下文+约束+输出格式四件套）+劣质输出
guomeng
该岗位10个高频任务的成品提示词（角色+上下文+约束+输出格式四件套）+劣质输出
infimind
前端工程师助手：使用你提供的授权前端代码、复现步骤和目标浏览器，完成定位依据、最小补丁和浏览器测试记录。适合处理“帮我解释组件状态更新”“页面改完要回归哪些情况”等岗位任务。结合实际可用的Agent工具与极睿科技AI-HIVE模型/MCP能力，保留资料出处与待确认项。官网：https://ai-hive.iclip.cn/chat。
kunlungrowth
专为前端工程师定制的算法面试备战方案：前端面试的算法考察范围、深度与后端不同——高频集中在数组/字符串/树/异步调度，且常与 JS 语言特性（闭包、事件循环、Promise）结合出题。本教练给出前端专属题型清单、JS 手写题与算法题的复习配比、按面试时间倒排的冲刺计划。
kunlungrowth
以 js-must-watch 清单为底，规划一条由浅入深的 JavaScript 必看视频学习路径：从语言本质、异步、性能到架构，配观看方法与笔记闭环。适合想用高质量演讲视频系统提升前端功底的开发者。
kunlungrowth
专为前端工程师定制的算法面试备战方案：前端面试的算法考察范围、深度与后端不同——高频集中在数组/字符串/树/异步调度，且常与 JS 语言特性（闭包、事件循环、Promise）结合出题。本教练给出前端专属题型清单、JS 手写题与算法题的复习配比、按面试时间倒排的冲刺计划
kunlungrowth
以 js-must-watch 清单为底，规划一条由浅入深的 JavaScript 必看视频学习路径：从语言本质、异步、性能到架构，配观看方法与笔记闭环。适合想用高质量演讲视频系统提升前端功底的开发者
my-ai
Docker 配置生成工具：说一句项目技术栈（Python/Node/Java/Go/前端）或贴一下项目结构，自动生成可直接使用的 Dockerfile、docker-compose.yml 编排、部署步骤和常见坑提醒。专为第一次容器化、不想啃 Docker 文档的开发者设计，复制粘贴就能跑。适合后端开发者、前端工程师、学生、需要快速容器化的项目负责人。按次付费 ¥0.5/次，微信支付。适用：docker-compose配置、docker配置生成、docker部署配置、容器配置生成、容器配置。触发词：Docker配置、Dockerfile、docker-compose、容器化、容器部署、Docker部署、Dockerfile生成、compose编排、部署配置。
user_01de61f3
按设计说明实现前端页面与组件：组件拆分、状态管理、接口对接、异常与边界处理、自检清单与联调排错。当用户要写前端页面、搭组件、对接接口、调样式、排查前端 bug、处理空态错误态加载态时使用。 也适用于「组件实现」「接口联调」「前端自测」「列表表单页面」这类说法。
user_3c47cf70
在实现任何前端界面、创建响应式布局、优化性能或确保跨浏览器兼容性时使用——避免实现中的捷径，遵循最佳实践，并确保无论时间压力、“现代浏览器”假设或“足够好”的妥协如何，都能保证可访问性和性能
user_52a81e7a
移动端高保真产品原型交付专家（产品经理+UI/UX设计师+前端工程师三重角色）。基于ROSES框架，输入任意APP名称，生成iPhone 15 Pro尺寸(375x812)的高保真移动端HTML原型，含登录/主页/发现/个人中心四个核心界面，采用玻璃拟态+多层阴影+iOS状态栏+底部Tab导航，iframe架构+涟漪动画+真实图片。技术栈Tailwind CSS+FontAwesome。触发词：手机端原型设计、高保真原型APP原型设计、APP原型设计、APP原交互设计、生成APP界面、APP界面、手机交互原型。
user_5f587083
分析网页截图，提取设计系统（Design System）并生成结构化数据和可用的 AI Coding Prompt。适用于 UI/UX 设计师和前端工程师需要从现有网页设计中提取设计规范、配色方案、排版系统和组件风格的场景。
user_88087f7b
融合“哲学美学导演”、“UX设计师”与“顶尖前端工程师”三重身份的数字化视觉专家。 专为深度内容创作者打造，将枯燥的文字转化为具备“呼吸感”与“精神质感”的视觉阅读体验。通过【现代禅意 → 静奢风 → 认知理性】的动态色盘系统，提供从「意象分析 → 动态色盘 → 工业级 HTML → 兼容发布 → 语义化 MD 存档」的全链路交付。 核心亮点： 1、动态视觉方案：根据内容调性定制专属色盘，拒绝千篇一律。 2、工业级代码架构：采用类名驱动开发，支持【开发模式】与【发布模式】一键切换，100% 兼容微信公众号编辑器。 3、语义化双端输出：同步产出高水准视觉网页与纯净结构化 Markdown 存档。 4、极致阅读体验：基于色彩心理学与 UX 节奏规划，打造无需装饰的高级感。
user_88546431
必须触发：用户消息以 bf- / bf-fast / bf-a / bf a / /backend-forge 开头时，立即调用 Skill(backend-forge)，不要先做任何搜索或读取。 面向有经验前端工程师独立承担中型后端架构负责人的 Java/Python 后端结构化协作主控 skill，覆盖架构决策、Spring Boot、FastAPI、Django 维护和测试闭环。
user_b2b4e2e7
从产品经理与资深 UI/UX、前端工程师视角拆解 App 需求，定义用户目标、范围、功能规则、状态、信息架构和页面流程，并生成基于 Tailwind CSS CDN 的 375×812 移动端高保真 HTML 原型。用于用户要求 App 页面设计、移动端 UI/UX 原型、产品功能拆解、信息架构、用户流程、多页面手机稿或生成 UI.html 时。
user_b2b4e2e7
从产品经理与资深 UI/UX、前端工程师视角拆解 Web 产品需求，定义用户目标、范围、业务规则、功能状态、信息架构和桌面端交互流程，并生成基于 Tailwind CSS CDN 的 1280×720 浏览器高保真 HTML 原型。用于用户要求网站、Web App、SaaS、后台管理、仪表盘、门户、桌面端 UI/UX 原型、产品功能拆解、信息架构、多页面浏览器稿或生成 UI.html 时。
diddysister
以 HTML 为媒介产出高保真设计稿（落地页、幻灯片、交互原型、动画、设计系统、信息图、移动端 mockup 等）。 扮演专业设计师而非通用前端工程师，强调先问后做、引用既有设计系统、给出多版本变体、规避 AI 风格俗套。 触发：/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、 "design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。 不适用：纯文字内容/逻辑代码、需要真实图像生成（应改用图像生成模型）、需要原生 PPTX/Figma 文件（HTML 优先）。
共 21 个与「前端工程师」相关的 Agent Skills，覆盖最多的是 前端设计（7）、开发（5）、教育学习（4）、AI 工具（3）。给前端工程师的工具箱：先挑一二个能立刻省时间的，再逐步替换流程。其中 20 个给出可执行安装命令，3 个标明许可证，0 个经过本站核验。
点开任意技能进详情页，复制里面的安装命令（多数是一条 npx 命令，也可以从客户端自带的技能市场装），装完在客户端里问一句「你有哪些技能」确认。装之前先看权限级别与许可证状态：标「执行命令」或「写入文件」的，先在测试项目里试。
这个专题里 1 个技能是只读的，0 个会写文件或执行命令，宿主分布上以 Gemini CLI 3 个、Cursor 3 个、Codex 3 个 为主。权限越靠右风险越高，涉及执行命令、读写本地文件的技能优先在隔离环境里跑；许可证不明确的技能个人试用通常没问题，但别直接用在对外服务里。
分类页按能力归属分大类（写作、开发、效率…），一个分类下什么场景都有；专题页按「你要做的这件事」把相关的技能凑成一套，「前端工程师」就是这一类。想按能力逛回 AI Skills 大全（/skills），想换个场景回 Skills 专题总入口（/skills/topic）。
技能内容以作者仓库为准；分类、权限级别与许可证状态的中文说明为中文整理，数据日期 2026-10-11 21:56:06。
