ToolMage
登录

前端开发工程师 最佳的 AI 工具

发现最适合前端开发工程师的 AI 工具,共收录 63 款最佳 AI 应用,包括 Emergent、V0、Relume、Uplers Platform、Tweakcn 等。ToolMage 精选前端开发工程师常用 AI 工具,帮助提升效率与创造力。

Shape
免费增值

Shape

Shape 是一款面向设计师和程序员的 Agentic IDE,将设计、代码、Git 和 AI 智能体对话整合到一个桌面工作空间中,支持实时可视化编辑与源代码同步。

Design Tools
Visits 516Favorites 5Likes 7
Xannotate
免费

Xannotate

录制屏幕、指向标注、说出修改,即可交给 Cursor、Claude Code 或 Codex。免费、纯本地、macOS 应用。

UI Annotation
Visits 1.3KFavorites 8Likes 12
Emdash
免费

Emdash

一款开源桌面应用程序,允许开发者并行运行和编排多个编码代理(如 Codex、Cursor、Claude Code),每个代理都在其独立的 Git 工作树中工作。

代码审查
Visits 53.4KFavorites 16Likes 20
Buildify
免费增值

Buildify

Buildify 是一款人工智能驱动的应用构建器,可将自然语言提示转换为可直接用于生产环境的全栈代码。它使开发者和创作者能够快速生成包含UI、逻辑和数据库组件的完整应用程序,并通过对话进行迭代。

UI 设计
Visits 6.4KFavorites 28Likes 23
MACH-AI
免费增值

MACH-AI

MACH-AI 是一款 AI 编码助手和完整的开发平台,可在数分钟内将概念转化为可投入生产的云应用程序。它集成了 AI 代码生成、内置数据库、身份验证和一键部署,使开发人员能够以快 10 倍的速度在 Python、JavaScript 和 TypeScript 上构建和发布可扩展的 Web 应用程序。

Application Deployment
Visits 6KFavorites 40Likes 36
Gaggio Writer
付费

Gaggio Writer

Gaggio Writer 是一款专为非虚构类作者设计的 AI 写作助手,可帮助他们将书籍草稿速度提高 20 倍。它能学习您独特的写作风格,在各章节中保持上下文一致性,并根据您的想法和结构生成可供出版的内容。

写作助手
Visits 4.6KFavorites 33Likes 30
AIDesigner
免费增值

AIDesigner

AIDesigner是一个先进的AI驱动平台,能将文本描述转化为令人惊叹的UX/UI设计。它提供了一种独特的设计生成方法,使用户能够创建精美的网站、移动应用和作品集,同时避免常见的“AI风格”。AIDesigner拥有丰富的即用模板和强大的定制选项,帮助创作者快速原型设计并推出具有视觉辨识度的数字体验。

用户体验
Visits 104.7KFavorites 30Likes 27
AIInterviewMasters
免费增值

AIInterviewMasters

AIInterviewMasters是一个由AI驱动的技术面试准备平台。它提供个性化测验、AI生成问题、进度跟踪和智能间隔重复,帮助开发人员和技术专业人士在面试中脱颖颖而出。该平台支持各种技术领域和职业角色,提供量身定制的学习体验。

求职
Visits 4.9KFavorites 38Likes 39
Enso
免费增值

Enso

Enso 是一款由 AI 驱动的开发环境,旨在帮助开发者在单一项目中实现多个人工智能代理的并行智能。它集成了先进的 Git 控制、强大的代码编辑器和 AI 驱动的代码审查,为每个分支提供持久的 AI 会话,从而实现无缝的工作流程。

AI助手开发
Visits 4.7KFavorites 40Likes 40
RemoteGate
付费

RemoteGate

RemoteGate 是一个由 AI 驱动的平台,旨在自动化远程求职流程。它通过建立个人资料,利用 AI 进行智能匹配和自动申请(附带量身定制的求职信),以及跟踪进度,帮助求职者每天发现并申请数千个远程职位,旨在更快地获得面试机会。

Remote Opportunities
Visits 4.7KFavorites 41Likes 54
Mockli
免费增值

Mockli

Mockli 是一个由 AI 驱动的平台,旨在帮助求职者准备顶级科技公司的技术面试。它提供自适应、全长度的模拟测试,具有实时问题生成、详细的性能分析和可验证的证书,以增强面试准备并提高通过率。

AI 面试教练
Visits 4.7KFavorites 66Likes 60
Thefrontkit
付费

Thefrontkit

Thefrontkit 提供生产就绪的 AI 和 SaaS 应用 UI 工具包,旨在通过 WCAG-AA 默认设置、Figma 到 Tailwind 令牌同步以及必要的 AI UX 模式来加速开发。它提供使用 React 和 TailwindCSS 构建的结构化、可访问的 UI 组件,并附带 Figma 文件和全面的文档,使团队能够更快地发布产品并专注于产品创新。

Web开发
Visits 11.6KFavorites 45Likes 43
AtomicComponents
免费增值

AtomicComponents

AtomicComponents 是一个由 AI 驱动的 React 组件库,旨在更快地构建现代化、可扩展且易于访问的用户界面。它提供超过 115 个高度可定制的组件、30 种内置主题,并通过其模型上下文协议 (MCP) 服务器与 Claude 和 GitHub Copilot 等 AI 助手无缝集成。

设计系统
Visits 4.8KFavorites 68Likes 99
Draftly
免费增值

Draftly

Draftly是一款由AI驱动的UI设计生成器,能帮助用户快速创建完整的应用程序界面。它简化了设计流程,提供增强的稳定性和社区展示区以获取灵感。免费账户现已支持完整的应用生成功能。

UI/UX 设计
Visits 26KFavorites 128Likes 118
Aura Mixer
免费增值

Aura Mixer

Aura Mixer是一款由AI驱动的调色板生成器,可在几秒钟内创建专业、无障碍的5色调色板。它应用真实的色彩理论,确保WCAG AA合规性以及UI/UX设计、网页开发和品牌项目的色彩平衡。

无障碍设计工具
Visits 4.8KFavorites 115Likes 94
Tailorly
免费增值

Tailorly

Tailorly 是一款由人工智能驱动的简历优化工具,可在几秒钟内帮助求职者针对特定职位描述优化简历和求职信。它采用简单的聊天式命令界面,能够重写内容、检查 ATS 兼容性并生成人性化的文本,从而增加您获得面试的机会。

简历生成器
Visits 6.6KFavorites 99Likes 86
Lobe Icons

Lobe Icons

Lobe Icons 是一个全面且优化的 SVG 图标集合,收录了流行的 AI 和 LLM 模型品牌。它专为开发者设计,提供轻量、可扩展和支持 Tree Shaking 的图标,可无缝集成到 Web 和 React Native 项目中,确保一致且高质量的品牌展示。

Branding
Visits 24.2KFavorites 83Likes 88
Lovabledirectory
免费

Lovabledirectory

一个为使用 Lovable、Cursor 和 GitHub Copilot 等工具的开发者精心策划的 AI 编码提示、模板和资源目录。它是一个社区中心,旨在通过实用的指南和共享知识帮助开发者加速开发进程。

代码助手
Visits 4.5KFavorites 82Likes 86
Neurolint
免费

Neurolint

Neurolint 是一款免费的 CLI 工具,可自动检测并修复 React 和 Next.js 代码库中的错误。它采用确定性的、基于规则的 7 层架构(而非 AI)为代码注入、可访问性问题和性能瓶颈等问题提供精确修复,确保您的代码保持有效并可随时投入生产。

代码助手
Visits 4.6KFavorites 100Likes 113
Career Compass AI
付费

Career Compass AI

Career Compass AI是一个先进的AI驱动平台,提供个性化职业指导、智能职位匹配和专业发展工具。它帮助从应届毕业生到经验丰富的专业人士,通过数据驱动的洞察和智能自动化,导航就业市场,优化简历,识别技能差距,并为面试做准备,从而加速职业发展。

职业教练
Visits 7.2KFavorites 117Likes 123
Layrr
免费

Layrr

Layrr 是一款免费开源的可视化编辑器,让开发者和设计师能够直接创建和编辑真实代码。它将 Figma 等设计工具的直观拖放界面与传统编码的灵活性和所有权相结合,支持任何技术栈,并利用 AI 进行设计到代码的转换和自然语言界面生成。

代码生成
Visits 4.8KFavorites 130Likes 117
Metatable
免费增值

Metatable

Metatable是一个AI优先的开发平台,能够快速创建和部署Web和移动应用程序。它通过利用AI生成代码、管理基础设施和自动化复杂任务,简化了整个软件开发生命周期,从构思到发布,让用户在几分钟内构建MVP。

API开发
Visits 4.7KFavorites 145Likes 157
WhatsDiff
免费

WhatsDiff

一款功能强大的命令行界面(CLI)工具,专为开发人员设计,用于在更新后检查、分析和理解PHP(Composer)和JavaScript(NPM)项目依赖项中的变更。

代码管理
Visits 4.7KFavorites 118Likes 125
Gammacode
免费增值

Gammacode

Gammacode 是一个由 AI 驱动的代码智能平台,旨在通过生成生产就绪代码、检测漏洞和自动化修复来加速软件开发。它通过网页界面和命令行界面支持技术和非技术用户,并强调隐私和安全性。

代码生成
Visits 4.7KFavorites 106Likes 117
职业