Results for “component-development”

Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components, and can translate Figma designs into pixel-perfect HTL, CSS, and JS.

Develops and debugs Apex code, builds Lightning Web Components, optimizes SOQL queries, and manages Salesforce DX deployments with CI/CD pipelines.

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

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

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

Create, update, or migrate Wear OS projects using Compose Material3, Foundation, and Navigation3 libraries with official component samples and migration guidance.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

Create or update standardized object-oriented component documentation by analyzing source code and following a shared template with mode-specific guidance.

Generate and run Jest tests for Adobe App Builder actions and React Spectrum UI components, including unit, integration, contract, and component tests with mock helpers for Adobe SDKs.

Implement custom AEM Workflow Java components on AEM 6.5 LTS, including WorkflowProcess and ParticipantStepChooser with OSGi registration, metadata handling, and error patterns.

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

module-development

Composition Patterns

Develops native Android apps with Kotlin and Java, covering UI, performance, and Play Store deployment.

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.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Guides test-driven development for Spring Boot services with JUnit 5, Mockito, MockMvc, Testcontainers, and JaCoCo, covering unit, web, integration, and persistence tests.

Builds reusable Convex components with isolated tables and app-facing APIs for new components, reusable backend modules, integrations, or component boundary work.

Integrates shadcn/ui components into projects, covering discovery, installation, customization, and best practices.

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

使用JUnit 5、Mockito、MockMvc、Testcontainers和JaCoCo进行Spring Boot的测试驱动开发。适用于添加功能、修复错误或重构时。

Test-driven development for Spring Boot using JUnit 5, Mockito, MockMvc, Testcontainers, and JaCoCo. Use when adding features, fixing bugs, or refactoring.

Test-driven development for Spring Boot using JUnit 5, Mockito, MockMvc, Testcontainers, and JaCoCo. Use when adding features, fixing bugs, or refactoring.

Dropdown Implementation

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Use Expo DOM components to run web code in a webview on native and as-is on web, enabling incremental migration of web code to native.

Define version control strategies for design files, component libraries, and design assets to enable team collaboration and consistency.

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

service-development

Provides React composition patterns to avoid boolean prop proliferation, covering compound components, state management, and React 19 API changes.

Finds architectural friction in a codebase and proposes deep-module refactors to improve testability and AI-navigability, informed by the domain glossary and ADRs.