'vue' 검색 결과

Build micro-frontends with qiankun 3.x, combining separate web apps inside a host app. The skill covers creating host and child apps, converting existing Vite apps, and connecting loading behavior in React or Vue.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a host app that loads separate web apps
• Creating a child app for qiankun 3.x
• Converting an existing Vite app into a child app

Vue 3 form patterns: native v-model, vee-validate + zod (most common), VueUse helpers, defineModel for custom inputs, controlled vs uncontrolled, field arrays, multi-step wizards. Use this skill to: - Wire vee-validate with a validation schema (zod / yup). - Build custom form components with defineModel (Vue 3.4+). - Implement multi-step forms. - Handle async validation. - Integrate forms with TanStack Query mutations or Pinia actions. Do NOT use this skill for: - General SFC conventions (see vue-conventions). - State management (see vue-state-management). - Routing (see vue-routing). - Testing forms (see vue-testing).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

JavaScript / React / Vue のフロントエンドコードを実装・レビュー・リファクタリングするときに、 現在のコードベースを調査し、適切な設計・パフォーマンス・レンダリングパターンを エージェントが自律的に選んで適用する。ユーザーが hooks-pattern や dynamic-import などの 個別パターンを指定しなくても、必要な reference を選択する。 Trigger: front-end-design-patterns, frontend design patterns, React設計, Vue設計, JavaScript設計, Reactリファクタリング, Vueリファクタリング, フロントエンドパフォーマンス改善, bundle改善, レンダリング戦略, Reactレビュー, Vueレビュー

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Develop Vue web applications with Nuxt, covering pages, data fetching, shared state, and server API routes. Configure rendering on the server or in the browser, and prepare deployment settings for supported platforms.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build pages and routing for a Vue application
• Fetch API data and manage shared state
• Implement server API routes and middleware

Use for deep Vue 3 best-practices review, recommendations, and the full ordered authoring workflow — built-in components (Teleport, Suspense, KeepAlive, Transition, TransitionGroup), animation techniques, slots, fallthrough attrs, custom directives, async components, render functions, plugins, and the post-functionality performance pass. Complements mk:vue (the everyday Composition API quick-reference). Invoke for "review my Vue", "Vue best practices", "recommend improvements", or non-trivial feature work needing the ordered workflow.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Vite를 사용하는 웹 앱의 개발 환경 설정과 배포용 파일 생성을 지원합니다. 프레임워크 연동, 환경 변수, 테스트, 코드 분할을 다루며 설정과 로딩 성능을 개선합니다.

• React·Vue·Svelte 환경 구성
• 환경 변수와 API 프록시 설정
• 배포용 코드 분할

Design reusable interface components in React, Vue, and Svelte. Organize how components fit together, define clear configuration options, and choose styling approaches while addressing accessibility, responsive layouts, and maintenance across component libraries or design systems.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a reusable UI component library
• Standardize component options across a design system
• Refactor complex existing components

Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Move an existing web app into Stitch
• Review React or Vue component designs in Stitch
• Extract design rules alongside screen HTML

Use when writing, reviewing, or refactoring Vue 3 code — components, composables, reactivity, Pinia state, Pinia Colada data-fetching, file-based routing, and forms. Targets Composition API + <script setup> + TypeScript. Auto-activates on .vue files. For deep best-practices review/recommendations or the full ordered workflow (built-in components, animations, performance pass), use mk:vue-best-practices.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Quality gates determinísticos para Vue.js, JavaScript e TypeScript. Use quando o usuário pedir "quality gate Vue.js", ESLint, vue-tsc ou Vitest em projeto Vue.js, cobertura, complexidade, bundle, acessibilidade ou baseline para Vue.js.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Add Markstream to AI chat or document interfaces to render Markdown as it arrives. The skill selects the framework package and configures dependencies, styles, streaming behavior, and server-side rendering boundaries.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add streaming Markdown to an AI chat interface
• Fix missing styles or server-side rendering errors
• Replace an existing Markdown renderer with Markstream

Build charts with TradingView's lightweight-charts, including candlesticks, lines, live updates, scales, and annotations. Guidance checks installed types and v5 APIs to support chart integration, framework lifecycle handling, and troubleshooting of common data and display issues.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build candlestick charts with a separate volume pane
• Add live updates and historical data
• Fix v4-to-v5 API migration issues

用于设计或审查 Vue 3 + TypeScript 项目结构、SFC/组件边界、composables 组织、路由组合、Pinia 归属、API/错误/样式默认约定、directives 或仓库级 Vue 规范。表单、数据获取、测试、无障碍、虚拟列表、动画或安全深挖优先使用更窄的 skill；中文触发词包括 Vue 3 项目规范、Vue 组件架构。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when designing or reviewing Vue 3 + TypeScript project structure, SFC/component boundaries, composables organization, route composition, Pinia ownership, API/error/styling defaults, directives, or repository-wide Vue conventions. Prefer narrower skills for forms, data fetching, tests, accessibility, virtualization, animation, or security deep dives; Chinese triggers include Vue 3 project specification, Vue component architecture.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate Vue.js component test skeletons (Vue Test Utils) from specifications.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create starter code and configurations for components, APIs, and projects using existing project conventions. Templates include relevant types, error handling, documentation, and testing scaffolds, with comments and extension points to guide customization.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Starting a React or Vue component
• Creating an API endpoint with validation
• Preparing project configurations and folder structures

Create and update Handsontable guide pages with consistent page metadata, headings, framework-specific examples, and sidebar entries. Follow the documentation site's writing conventions and generate JavaScript examples from TypeScript sources where required.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding a guide for a new feature
• Updating an existing guide's content and metadata
• Embedding examples for different frameworks

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

按 tdesign-vue-next 规范编写、补充、迁移或审查 Vue 组件单元测试，并运行 Vitest 验证。适用于 packages/components 下的组件 API 测试、Issue 回归测试，以及相关 hooks、utils 测试。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.