frontend-dev-tools
Frontend Development Tools & Workflow
Use this skill to standardize frontend run/open/preview/debug tasks.
1. Trigger (Hard)
Apply this skill when the user intent includes frontend run/open/preview/debug.
Examples of hard triggers:
- English: run, open, preview, debug (frontend project/app/page)
- Chinese: 运行、打开、预览、调试（前端项目/页面）
2. Required Flow (MCP First)
For hard-trigger requests, execute in this order:
More from iceywu/skills
frontend-docs-context7
Use this skill when users ask for frontend library/framework usage, APIs, best practices, or examples (e.g. Vue, Vite, React, Tailwind). Always fetch up-to-date docs with Context7.
28iceywu-dev-workflow
A practical workflow for using and contributing to @iceywu/utils. Use when selecting utility helpers, refactoring shared logic into utils, debugging utility behavior, or preparing utils-related pull requests.
27vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
24pnpm
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.
24vite
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
24web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
24