'states' 검색 결과

Write and review interface text, including button labels, errors, empty states, and confirmations. Match the product's established vocabulary and tone, explain actions clearly, and give people a useful next step when something goes wrong.

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

• Unifying terminology across labels and notifications
• Rewriting errors to explain how to recover
• Writing empty states with a clear next action

Build dashboard panels in plain TypeScript with titles, counts, loading states, and retry controls. Includes patterns for escaping external text before HTML insertion to address XSS, where untrusted content can run scripts in a page.

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

• Adding stock or calendar panels to a dashboard
• Escaping external API text before HTML insertion
• Adding loading, error, and retry states

Draw SVG illustrations of collaboration, commuting, and focused work using black lines and halftone dots, small dots that create shading. Produce monochrome artwork with hand-drawn contours for onboarding screens, empty states, blog headers, and marketing cards.

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

• Illustrating collaboration or review scenes
• Creating monochrome onboarding illustrations
• Drawing artwork for empty states or 404 pages

Build and check monsters for Three.js and web action games using shared rules for joints, attachment points, collision shapes, and combat states. Separate visual animation from damage decisions, and provide reproducible checks for attacks and detail-level changes.

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

• Standardizing joints and attachment points across monsters
• Connecting attack timing with collision and damage handling
• Reproducing combat states and attack phase boundaries

Build React interfaces that clearly handle loading, errors, empty results, and submissions. Use examples and checklists to keep existing data visible during refetching, offer retry actions, and disable buttons while asynchronous operations are running.

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

• Keeping existing data visible during refetching
• Adding visible errors and retry actions
• Showing guidance when lists or search results are empty

Add CSS animations to web interfaces using ready-made patterns for menus, modals, loading states, text changes, and more. It selects a suitable pattern, connects markup and any required JavaScript, and preserves reduced-motion support.

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

• Adding opening and closing animations to menus and modals
• Animating loading placeholders and loaded content
• Adding transitions for changing text and numbers

Rebuild an app’s visual system as reusable design values and component specifications. It covers typography, spacing, component states, implementation, and contrast checks while replacing the original app’s branded assets with independent alternatives.

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

• Reconstructing design rules from app screenshots
• Defining shared tokens and component states
• Checking text and background contrast

Implement an app screen by screen from research and design documents, starting with its core workflow. Write fresh code and interface text, cover loading and error states, and track progress with a feature matrix and screenshots.

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

• Build app screens from research and design documents
• Implement the core workflow from start to finish
• Cover empty, loading, error, and mobile states

Creates brand landing pages where scrolling controls video, layered imagery, and changing scenes. Plans the visitor journey, prepares supplied or generated assets, builds HTML, and visually checks desktop, mobile, and reduced-motion states.

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

• Creating a scroll-driven product landing page
• Adding depth to a hero with independently moving layers
• Building a brand page from existing photos and footage

Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior. Use this skill whenever the user wants to build a component from scratch, refactor an existing one, design a component API, or implement a UI element with proper states and accessibility. Triggers on build a component, create a button, create a modal, create a form input, component API, props design, component states, refactor component, accessible component. Also triggers when implementing UI from a design that needs to be reusable.

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

Angular UI Patterns workflow skill. Use this skill when the user needs Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

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

Angular UI Patterns workflow skill. Use this skill when the user needs Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

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

Standardizes UX states for data fetching flows (loading, error, empty, success) and complex multi-view UI patterns. Provides state machine approach recommendations, loading skeletons, error boundaries, and empty state components. Use when implementing "loading states", "error handling", "empty states", or "state machines".

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

OpenClaw Control UI의 화면 변경을 상태별 비교 갤러리와 실제 브라우저 조작 테스트로 확인하고, 사용자 의견과 변경 전후 이미지를 보관합니다.

• 로딩·빈 화면·오류 상태 비교
• 화면 변경에 대한 의견 수집
• 모의 Gateway로 채팅 조작 검증

USPTO 공식 정보로 미국 특허와 상표를 검색하고 신청 상태, 심사 문서, 권리 양도 기록을 확인합니다. 검색 조건과 조회 날짜를 남겨 조사 결과를 재현할 수 있게 정리합니다.

• 기업·발명자·날짜·분류별 특허 검색
• 특허 출원 상태와 심사 기록 확인
• 상표 상태와 관련 문서 조회

색상·간격·글꼴을 공통 설정으로 정리하고 CSS 변수를 생성합니다. 화면 구성 요소의 상태별 규격과 코드의 직접 지정 값을 확인하며, 같은 브랜드 규칙으로 HTML 발표 자료를 만듭니다.

• 색상·간격·글꼴의 공통 기준 정리
• 버튼의 상태별 규격 정의
• 코드에 직접 지정한 스타일 값 확인

실제 iPhone이나 iPad에서 SwiftUI 앱을 조작하며 화면 촬영, 분석과 결과 검증을 반복해 문제를 찾습니다. Tailscale을 통한 원격 테스트도 지원합니다.

• 실제 iPhone에서 문제 찾기
• 실제 iPad에서 앱 동작 확인하기
• Swift 소스와 기기 화면 대조하기

기존 디자인 체계에 따라 스마트폰부터 큰 화면까지 대응하는 UI를 구현합니다. 컴포넌트 구조와 상태 관리, 키보드 조작, 로딩 중·빈 데이터·오류 표시를 정리합니다.

• 새 페이지와 UI 컴포넌트를 만듭니다
• 스마트폰과 컴퓨터 화면을 조정합니다
• 키보드와 화면 읽기 지원을 개선합니다

새 웹페이지 제작이나 기존 UI 검토에서 구조, 색상, 글꼴을 정리합니다. URL과 이미지의 디자인 분석 및 개선 사항의 우선순위 지정도 지원합니다.

• 새 랜딩 페이지를 설계합니다
• 기존 UI 개선 사항의 우선순위를 정합니다
• 참고 페이지나 이미지를 분석합니다

글자 배치, 색상, 여백, 움직임의 구체적인 규칙에 따라 React나 Next.js 화면을 구현합니다. 정보 밀도와 레이아웃을 조정하고 정형화된 외형을 피합니다.

• 글자 배치가 돋보이는 홍보 페이지를 만듭니다
• 대시보드 표시와 조작감을 조정합니다
• 정보 밀도와 움직임의 강도를 조정합니다

기존 웹사이트와 앱의 화면을 점검해 글자, 색상, 배치와 조작 시 표시를 개선합니다. 현재 기술 구성과 기능을 유지하면서 단계적으로 정리합니다.

• 기존 사이트의 디자인을 점검할 때
• 반복되는 정형적 화면 구성을 바꿀 때
• 로딩·빈 데이터·오류 표시를 개선할 때

스마트폰 로그인 화면을 독립형 HTML 프로토타입으로 만듭니다. 문자 인증, 비밀번호, 외부 계정 로그인에 맞춰 입력 오류와 처리 중 상태도 구성합니다.

• 전화번호와 문자 인증 화면 시안 제작
• 비밀번호 로그인 화면 설계
• 외부 계정 로그인 방식 검토

Grok Bot의 claude-mem에서 완료한 작업을 검색 가능한 XML 기록으로 정리합니다. 대기나 초기화처럼 기록이 필요 없는 상태는 별도 표시로 구분합니다.

• 완료한 작업을 검색용으로 기록할 때
• 대기 상태와 기록할 작업을 구분할 때
• claude-mem의 기록 형식을 통일할 때

Orca의 CLI로 Jira 이슈를 확인·검색하고 상태를 변경하거나 후속 이슈를 만듭니다. 작업 완료 시 PR/MR 링크와 완료 댓글을 기록할 수도 있습니다.

• 연결된 Jira 이슈에서 작업 시작
• JQL로 이슈 검색
• 이슈 상태 변경