'components' 검색 결과

Build React components, forms, and custom hooks with TypeScript. Organize state and data fetching, debug rendering problems, migrate class components, and improve performance, with type checks and component tests to validate the implementation.

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

• Build React components and forms
• Design state management and data fetching
• Debug rendering issues and improve performance

Find code components that match Figma design components by comparing names, structure, and settings. Presents candidates for approval, then creates Code Connect mappings, explicit links between design components and their implementations.

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

• Link a Figma button to its code component
• Find unconnected components within a frame
• Compare similar implementation candidates

Link Figma design components with their code counterparts through Code Connect, helping design-system updates flow into the codebase. This catalogue entry points agents toward the full upstream workflow.

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

• Linking Figma components to code components
• Reflecting design-system updates in code
• Introducing a Code Connect workflow

Build Next.js applications with App Router patterns for page structure, data fetching, caching, and progressive page loading. Covers server and browser component responsibilities, route design, Server Actions, and migration from Pages Router.

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

• Build a new application with App Router
• Migrate an application from Pages Router
• Add progressive loading for slow data sources

Build json-render interfaces with 36 ready-made UI components, including forms, tables, and navigation. This skill guides component selection, connects definitions to React implementations, and explains custom components and input validation.

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

• Add standard components to a json-render interface
• Build forms with input validation
• Combine ready-made and custom components

Find, add, and combine shadcn/ui components to build forms, dashboards, and other interfaces. Use project settings and component documentation to guide styling, debugging, preset changes, and updates that preserve local modifications.

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

• Build forms and dashboards from existing components
• Find and add components from registries
• Debug component structure and styling

Develop Salesforce workflows, interface components, and integrations using Apex and Lightning Web Components. The skill guides database queries, bulk processing, platform resource limits, testing, and deployment through Salesforce DX.

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

• Automating CRM tasks with Apex triggers
• Building Lightning Web Components
• Improving bulk processing and database queries

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, visibility settings, and nested components so the displayed code snippets reflect the selected design properties.

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

• Linking Figma components to existing code components
• Creating Code Connect template files
• Mapping design variants to code properties

Bring existing React web components and browser-only libraries into Expo apps with DOM components. Render them in a WebView, an embedded browser view, on native platforms and directly on the web to support gradual migration.

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

• Gradually moving existing React web components into Expo
• Adding web charts or syntax highlighting to an app
• Reusing complex HTML/CSS layouts or embedded content

Map a codebase into architectural components, logical groups of source files, and compare their sizes using executable statements and file counts. Produce an inventory, identify unusually large or small components, and recommend where to split or consolidate code.

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

• Create a component inventory before splitting a monolith
• Find components with disproportionately large amounts of code
• Review small components for consolidation

Build interface components with shadcn/ui, focusing on clear structure and accessibility so more people can use them. Pair the implementation work with the Stitch design loop to move from design iteration to working components.

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

• Building interface components with shadcn/ui
• Implementing components with accessibility in mind
• Pairing component development with Stitch design iterations

Review custom elements and Web Components for missing screen reader information, keyboard controls, focus handling, and HTML form integration. Get concrete fixes and identify cases where a native HTML control could serve the same purpose.

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

• Reviewing custom controls for screen reader support
• Checking keyboard navigation in menus and listboxes
• Connecting custom inputs to HTML forms

Develop Angular v20+ applications using Signals for reactive state and Standalone Components. Supports gradual migration from NgModules, Zoneless configuration, server-side rendering, hydration, and performance optimization with development testing before production use.

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

• Build a new Angular v20+ application
• Implement reactive state with Signals
• Gradually migrate NgModules to Standalone Components

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

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

• Build a new Angular v20+ application
• Migrate NgModules to Standalone Components
• Design state management with Signals

Build and maintain interfaces with shadcn/ui by finding, adding, and combining components. The skill uses project settings, component documentation, and change previews to guide styling, debugging, preset changes, and updates that preserve local edits.

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

• Building settings pages and dashboards from existing components
• Fixing form and dialog composition issues
• Updating components while preserving local edits

Build and update Kortix web screens with established interface components and reference layouts. Guides component selection for forms, lists, modals, loading states, and notifications, including replacements for deprecated components and consistent responsive page structure.

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

• Build a settings screen with existing components
• Replace deprecated interface components
• Standardize loading, empty, and error states

Build Svelte interfaces for json-render using 36 ready-made components. This skill guides component selection, connects component definitions to implementations, and explains form validation settings for apps using Svelte 5 and Tailwind CSS.

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

• Add standard UI components to a Svelte app
• Build forms with configurable validation
• Prepare component definitions for server-side prompts

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

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

• Building Angular screens with standalone components
• Managing shared application state with NgRx
• Configuring lazy-loaded routes and access guards

Build Next.js 14+ applications with App Router, server-rendered components, and form actions. Produces routes, page layouts, data fetching, loading and error states, and SEO metadata, while supporting performance optimization and deployment preparation.

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

• Building pages and layouts with App Router
• Implementing form submissions with Server Actions
• Adding loading states, error handling, and SEO metadata

Turn Stitch HTML designs into React Native screens and reusable components, or update existing components to match newer designs. Extract shared style values, implement layouts with StyleSheet, and organize navigation, data, and interaction logic.

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

• Convert Stitch designs into React Native screens
• Update existing components to match newer Stitch designs
• Share colors, fonts, and spacing across screens

Turn Stitch designs into reusable React components for Vite projects, or update existing components to match revised designs. Organize interface elements, logic, and data separately while aligning styles and connecting navigation between pages.

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

• Build React screens from Stitch designs
• Update existing screens after design changes
• Split repeated interface elements into reusable components

Build and maintain interfaces with shadcn/ui by finding, adding, and combining components. The skill uses project settings, component documentation, and change previews to guide styling, debugging, preset changes, and updates that preserve local edits.

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

• Building settings pages and dashboards from existing components
• Fixing form and dialog composition issues
• Updating components while preserving local edits

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, toggles, and nested components so code examples reflect the selected component's design settings.

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

• Connect published Figma components to existing code
• Map design variants to component properties
• Reflect configurable nested components in code examples

Analyze a monolithic codebase before splitting it into modules or services. The skill inventories components, examines duplication, hierarchy, and dependencies, then proposes groupings aligned with business domains, with optional checks against business terminology and boundaries.

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

• Assessing component sizes before splitting a monolith
• Finding duplicated business logic across modules
• Reviewing module hierarchy and dependencies