一键在 Manus 中运行任何 Skill

apply-qui-component-rules

星标8

分支7

更新时间2026年5月22日 07:08

Use when writing or modifying QUI Angular template usage involving q-icon-button, q-inline-icon-button, q-header-bar-action-icon-button, q-avatar-image, labels for q-text-input/q-number-input/q-password-input/q-select/q-combobox/q-switch/q-checkbox/q-radio, interactive q-card, q-alert-banner actions, q-card actions, q-header-bar-action-bar, q-menu-trigger, or q-select-root checkbox indicators.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

qualcomm

qualcomm/qualcomm-ui

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

Apply QUI Best Practices

Required Reference

Before writing or modifying covered QUI Angular template usage, read the bundled references/component-rules.md reference.

Workflow

Identify touched Angular template code that matches a target context in the reference.
Apply only the matching covered contracts while writing or editing.
Ignore unrelated code unless it is inside a covered component context.
Before finishing, scan the changed template code once against the shared reference.

同仓库更多 Skills

同仓库

conventional-commit-rebaser

qualcomm/qualcomm-ui

Rebase the current branch into clean conventional commits with proper author attribution. Use when the user wants to clean up a branch's commit history into well-organized conventional commits.

2026-06-108

angular-component-testing

qualcomm/qualcomm-ui

Use when writing, reviewing, or refactoring Angular component or directive tests, especially tests for inputs, outputs, host behavior, template probes, forms, accessibility, or signal-backed behavior.

2026-05-228

angular-testing

qualcomm/qualcomm-ui

Use when writing, reviewing, or refactoring Angular tests for application behavior, services, routes, state, forms, pipes, or integration flows, especially when tests may assert implementation details instead of public outcomes.

2026-05-228

react-component-testing

qualcomm/qualcomm-ui

Use when writing, reviewing, or refactoring React component tests, especially tests for props, callbacks, controlled state, children, accessibility, form behavior, or multiple public component API variants.

2026-05-228

react-testing

qualcomm/qualcomm-ui

Use when writing, reviewing, or refactoring React tests for application behavior, hooks, routes, state, or integration flows, especially when tests may assert implementation details instead of public outcomes.

2026-05-228

vitest-browser-testing

qualcomm/qualcomm-ui

Use when writing, reviewing, or refactoring tests that run in Vitest Browser Mode, especially tests using page, userEvent, expect.element, browser locators, polling assertions, or real DOM interactions.

2026-05-228

name	apply-qui-component-rules
description	Use when writing or modifying QUI Angular template usage involving q-icon-button, q-inline-icon-button, q-header-bar-action-icon-button, q-avatar-image, labels for q-text-input/q-number-input/q-password-input/q-select/q-combobox/q-switch/q-checkbox/q-radio, interactive q-card, q-alert-banner actions, q-card actions, q-header-bar-action-bar, q-menu-trigger, or q-select-root checkbox indicators.

Apply QUI Best Practices

Required Reference

Before writing or modifying covered QUI Angular template usage, read the bundled references/component-rules.md reference.

Workflow

Identify touched Angular template code that matches a target context in the reference.
Apply only the matching covered contracts while writing or editing.
Ignore unrelated code unless it is inside a covered component context.
Before finishing, scan the changed template code once against the shared reference.