Results for “components”

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

`analysis-agent`/`task-agent`: use when tokens, components, responsive behavior, accessibility, or variants need consistency rules; skip when UI system rules are unaffected.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Direct Figma API interactions for design asset management. Fetch files and components, extract design tokens, export images, manage comments, and access version history.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Spacing component for consistent gaps between elements. Invoke when user needs to add spacing between components or create layouts with gaps in Naive UI.

Audits Claude Code context window consumption across agents, skills, MCP servers, and rules. Identifies bloat, redundant components, and produces prioritized token-savings recommendations.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

Refactor Vue 3 giant files (>500 lines) using Blueprint-First Mode. Extract composables and UI sub-components while preserving 100% business logic.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

Call APIs, load data into components, and handle the async lifecycle in Blazor.

Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.

Build content-focused websites with Astro, leveraging islands architecture, multi-framework components, and Markdown/MDX support.

Styles web pages with CSS, covering selectors, flexbox, grid, custom properties, and animations for responsive UI components.

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Typography components for text styling including headings, paragraphs, lists, and text elements. Invoke when user needs styled text, headings, lists, or typography in Naive UI.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use when creating React/TypeScript components, pages, or features. For modern patterns including Suspense, useSuspenseQuery, lazy loading, MUI v7 styling, TanStack Router, and performance optimization.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Write unit and integration tests for Angular v20+ applications using Vitest or Jasmine with TestBed and modern testing patterns. Use for testing components with signals, OnPush change detection, services with inject(), and HTTP interactions. Triggers on test creation, testing signal-based components, mocking dependencies, or setting up test infrastructure. Don't use for E2E testing with Cypress or Playwright, or for testing non-Angular JavaScript/TypeScript code.

Generate or audit design systems, check visual consistency, and review PRs that touch styling.

Build and configure Laravel 10+ applications with Eloquent models, Sanctum authentication, Horizon queues, RESTful APIs, and Livewire components.

Find a single insight that eliminates multiple components by recognizing when seemingly different systems share a common underlying pattern.

Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.

Build SwiftUI views and components with best practices, navigation patterns, state management, and reusable component references.

Build LLM-powered applications with modular components for chains, agents, memory, and retrieval, supporting Python and JavaScript frameworks.

Lists Claude Code components such as skills, environment variables, sessions, settings, and tools, with options to research or display configured values.

Improve the visual design of a frontend by restyling components one at a time, with approval gates and no functional changes.