Results for “component-quality”

Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.

Audits code quality against a shared contract, producing structured findings and blocking pipeline phases on critical issues without modifying code.

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

"Quality" is unmanageable until it is a set of numbers with agreed definitions.

Quality Gates

Reviews cohesion, naming, responsibility, complexity, and maintainability. Do not use as a default companion to every code change.

Runs a complete quality engineering audit on any codebase, deriving behavioral requirements, generating spec-traced tests, performing multi-pass code review, and producing a consolidated bug report with verified patches.

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

Measures code quality, identifies code smells, and implements quality gates using static analysis and technical debt tracking.

Enforces principal-engineer-level Python code quality: formatting, type safety, idiomatic patterns, class and function design, and anti-pattern prevention.

Conducts multi-axis code review across correctness, readability, architecture, security, and performance before merging any change.

Defines quality standards and validation checklists for agent workflows, Python tools, and documentation, including automated checks and pre-commit gates.

5 维度质量评审和 Anti-Slop 检测框架，用于确保设计产出达到品牌级水准。 包含评审标准、检测清单、评分规则和修复建议模板。 触发词：质量审查、评审、Anti-Slop、检测、评分、门控

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds.

Spec Craft

Combined verification — recite (description quality via cold-read prediction) + validate (schema compliance) + review (health checks). Use as a quality gate after creating notes or as periodic maintenance. Triggers on "/verify", "/verify [note]", "verify note quality", "check note health".

Composition Patterns

Implements a feature phase by phase from a phased JSON or Markdown plan, with configurable unit-test and quality-gate choices per phase, token-budgeted execution, resumable state, and TDD handoff.

Implements code features phase by phase from a JSON or Markdown plan, with configurable unit-test and quality-gate choices, token-budgeted execution, and resumable state.

Generate comprehensive checklists to validate requirements quality (Unit Tests for Specs). Critically examine the spec for clarity, completeness, and consistency before implementation starts.

Coordinates quality assurance workflows by routing testing tasks to specialized sub-skills for API testing, performance benchmarking, test analysis, tool evaluation, and process optimization.

Searches automotive parts catalogs with VIN decoding, compatibility checking, and price comparison

Explains React Server and Client Components, data fetching, streaming with Suspense, passing data, and Server Actions with code examples.

Test quality inspection framework for reviewing test coverage, identifying gaps, and ensuring comprehensive validation

Self-contained code review checklist — formatting, type safety, duplication, readable conditions, logic-out-of-UI, test coverage, comment quality. Adapts to whatever tooling the project actually has (skips Prettier/TypeScript/test-runner checks if unconfigured). Use before merging, after completing a feature, or any time you want a second pass on code quality. In Claude Code, prefer the official `code-review` skill or `pr-review-toolkit`/`feature-dev` code-reviewer agents instead — both are real, installed, and go deeper than this checklist. This copy exists for Codex/Cursor portability, where those agents aren't available.

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.