Token导航 LogoToken导航

Agent Skill · 前端设计

fullstack-dev-engineer(全栈开发工程师)

fullstack-dev-engineer 用于补充前端设计相关能力,适合在 Local Agent 中需要让 Agent 承接前端设计相关任务时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

fullstack-dev-engineer 是前端设计类 Agent Skill,可用宿主为 Local Agent,通过unknown获取,权限为需要联网;许可证信息还不明确,暂无第三方扫描结果,按安装量在前端设计类的 10,216 个 Skill 里排第 6,319。

总安装 524周安装 21下载 170核验 2026-05-01
前端设计需要联网unknown未标认证来源可访问许可证需确认审计未展示Local Agent

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:fullstack-dev-engineer(全栈开发工程师)
来源仓库:https://skills.volces.com
仓库路径:fullstack-dev-engineer
安装命令:
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。当前暂无明确安装命令,请以来源页面说明为准。

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

fullstack-dev-engineer 用于补充前端设计相关能力,适合处理全栈界面任务。可协助生成前后端交互组件和页面结构。fullstack-dev-engineer 属于前端设计类 Skill,可作为该场景下的辅助能力补充。使用时需确认是否支持主流框架如 Next.js 或 Nuxt。

安装前应评估对现有后端接口的影响,避免耦合过紧。建议参考原始 README 了解部署和测试流程。

来源仓库内路径:fullstack-dev-engineer

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Local Agent;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    没有现成安装命令,按unknown的说明从来源页面获取,仓库路径是 fullstack-dev-engineer。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

fullstack-dev-engineer 怎么安装?

公开资料没有给出可以直接复制的命令,需要按来源页面说明手动安装,仓库内路径为 fullstack-dev-engineer。

fullstack-dev-engineer 支持哪些 AI 工具?

公开资料标注支持 Local Agent。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

fullstack-dev-engineer 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

fullstack-dev-engineer 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

fullstack-dev-engineer 用的人多吗?

公开数据是累计安装 524 次,近一周安装 21 次,下载 170 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

fullstack-dev-engineer 安全吗?

没有查到第三方扫描结果,安全性无法从公开资料判断,安装前请自行审查源码、依赖和命令行为。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 Local Agent 一种宿主,触发方式和使用习惯不用来回切换。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 没有第三方扫描结果,安全性只能靠自己读源码判断。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Local Agent,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 要求有安全扫描结论才肯安装的团队。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
fullstack-dev-engineer

全栈开发工程师 · 本页

524—需要联网未明确未收录

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

全栈全能开发工程师

任务目标

  • 本 Skill 用于:协助用户完成从架构设计、前端开发、后端开发到运维部署的全栈开发任务
  • 能力包含:系统架构设计、技术栈选型、前端开发、后端开发、项目规划、代码生成、运维部署、最佳实践指导
  • 触发条件:用户需要设计系统架构、选择技术方案、开发前端/后端项目、部署应用、生成代码或咨询开发最佳实践

前置准备

本 Skill 无需额外依赖,所有能力通过智能体的语言理解和代码生成能力实现。

操作步骤

1. 需求分析

  • 理解用户的业务需求和功能需求
  • 明确系统的非功能性需求(性能、可扩展性、安全性、维护性)
  • 识别技术约束和环境限制(部署环境、团队技能、预算)

2. 架构设计

  • 参考架构模式:查阅 architecture-patterns.md 选择合适的架构模式
  • 设计系统模块划分和组件关系
  • 明确数据流和接口设计
  • 生成架构设计文档和架构图描述

3. 技术栈选型

  • 参考技术对比:查阅 tech-stack-comparison.md 进行技术栈对比
  • 根据项目需求选择合适的前端、后端、数据库、中间件
  • 考虑技术成熟度、社区活跃度、学习曲线和团队匹配度
  • 提供技术选型说明和备选方案

4. 项目规划

  • 制定开发计划和里程碑
  • 设计项目目录结构
  • 规划开发环境和部署流程
  • 定义代码规范和协作流程

5. 代码实现

  • 参考最佳实践:查阅 best-practices.md 遵循开发最佳实践
  • 参考代码规范:查阅 code-standards.md 保持代码质量
  • 生成模块代码和核心功能实现
  • 编写单元测试和集成测试
  • 生成API文档和使用说明

6. 前端开发

  • 参考前端指南:查阅 frontend-guide.md 了解前端开发实践
  • 选择前端技术栈(React/Vue/Angular)
  • 设计组件架构和状态管理方案
  • 实现响应式布局和交互功能
  • 优化前端性能和用户体验
  • 编写前端测试(单元测试、E2E测试)

7. 运维部署

  • 参考运维指南:查阅 devops-guide.md 了解运维实践
  • 配置容器化环境(Docker/Kubernetes)
  • 设计CI/CD流水线
  • 配置监控和告警系统
  • 设置日志收集和分析
  • 制定备份和灾难恢复方案
  • 实施安全加固措施

8. 交付与优化

  • 代码审查和优化建议
  • 性能优化和安全加固
  • 部署文档和运维指南
  • 后续迭代和维护建议

资源索引

注意事项

  • 充分利用智能体的代码理解和生成能力,避免为简单任务编写脚本
  • 优先推荐成熟、稳定、有良好社区支持的技术栈
  • 在架构设计时平衡当前需求和未来扩展性
  • 生成的代码应遵循清晰、可维护、可测试的原则
  • 根据项目实际复杂度调整设计复杂度,避免过度设计

使用示例

示例1:设计电商平台架构

功能说明:为中小型电商平台设计整体架构方案 执行方式:智能体基于架构模式参考进行设计指导 关键要点:

  1. 分析电商核心功能:商品管理、订单处理、支付系统、用户中心
  2. 选择微服务架构,拆分为商品服务、订单服务、支付服务、用户服务
  3. 技术栈:前端React + Node.js后端 + MySQL + Redis + Nginx
  4. 设计服务间通信和API网关

示例2:技术栈选型

功能说明:为实时协作应用选择技术栈 执行方式:智能体基于技术对比提供选型建议 关键要点:

  1. 核心需求:实时性、多用户并发、数据一致性
  2. 前端:Vue.js + WebSocket(实时通信)
  3. 后端:Node.js + Socket.io(高并发处理)
  4. 数据库:PostgreSQL + Redis(缓存)
  5. 备选方案:Go + gRPC(性能优化)

示例3:生成后端API代码

功能说明:生成用户认证模块的RESTful API代码 执行方式:智能体基于代码规范直接生成代码 关键要点:

  1. 定义API接口:注册、登录、登出、刷新Token
  2. 选择技术栈:Node.js + Express + JWT + bcrypt
  3. 生成路由、控制器、中间件代码
  4. 添加输入验证和错误处理
  5. 编写单元测试用例

示例4:前端React项目开发

功能说明:开发React前端项目,实现用户管理界面 执行方式:智能体基于前端指南生成前端代码 关键要点:

  1. 选择技术栈:React + TypeScript + Vite + Tailwind CSS
  2. 设计组件架构:页面组件、业务组件、通用组件
  3. 实现状态管理:使用Zustand或Redux Toolkit
  4. 实现路由和导航
  5. 添加性能优化:代码分割、懒加载、缓存策略

示例5:Kubernetes部署配置

功能说明:为应用配置Kubernetes部署环境 执行方式:智能体基于运维指南生成K8s配置 关键要点:

  1. 创建Deployment配置,设置资源限制和健康检查
  2. 配置Service和Ingress,实现服务暴露和负载均衡
  3. 配置ConfigMap和Secret,管理配置和敏感信息
  4. 设置Horizontal Pod Autoscaler,实现自动扩缩容
  5. 配置NetworkPolicy,实现网络安全隔离

平台分布

Local Agent

77.7%
按下载量换算132

安全审计

暂无安全审计结果可展示。

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills