精选主题

前端开发常用包

组件与响应式页面 · Vite · Vitest · pnpm · 视觉检查

包含内容与使用顺序

5 项技能
  1. 01

    frontend-dev

    前端页面实现

    实现组件和响应式页面,按真实项目约束完善界面。

    示例提问
    请沿用当前项目技术栈实现这个页面,覆盖响应式布局、加载、空态和错误状态。
  2. 02

    vite

    Vite 构建与配置

    参考 Vite 文档配置开发服务、构建和插件。

    示例提问
    请检查当前 Vite 配置和构建问题,按项目版本修复并验证输出。
  3. 03

    vitest

    Vitest 测试编写

    参考 Vitest 文档编写测试、断言与 Mock。

    示例提问
    请针对这次行为变更编写有意义的 Vitest 测试,并在项目环境中执行。
  4. 04

    pnpm

    pnpm 依赖管理

    管理依赖、工作区和锁文件,核对安装行为。

    示例提问
    请检查这个工作区的依赖和锁文件,保持现有包管理约定并验证安装。
  5. 05

    frontend-visual-qa

    界面视觉检查

    检查布局、可读性、交互状态和响应式表现。

    示例提问
    请审查这个界面的布局、状态和响应式表现,用截图或可复现证据说明问题。

使用说明

使用流程

以项目现有技术栈为准:页面实现后按需使用构建、测试、依赖和视觉检查技能。antfu 条目含自动生成内容,需核对项目版本。

环境准备

本整合包只安装技能文件,不自动执行工作流,也不自动安装运行环境、登录账号或开通付费服务。请先查看各技能的配置要求。

来源与复用

优先收录国内作者或中文社区分享的技能,按任务去重。跨主题的共用技能引用同一固定来源。保留作者说明与许可证。

验证说明

已检查目录结构;尚未完成实际工作流验收。 已核对固定源码目录、SKILL.md、归档预算及随包文件;未完成桌面端实际流程验收。部分技能需要自行配置运行环境、扩展技能或外部服务。