본문으로 건너뛰기
cccskills

'react' 검색 결과

2.4천건 · 관련도순

search

무료

Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add search, redesign search results, improve findability, build autocomplete, add filters, or fix zero-results dead ends.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

Design security-conscious interfaces that protect users without frustrating them. Use when the user asks about MFA, password UX, breach notifications, trust indicators, secure forms, account recovery, or making security feel safe rather than scary.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

clarify

무료

Improve UX writing, marketing copy, labels, microcopy, instructions, and error messages so interfaces and product messaging are easier to understand and act on. Use when the user mentions confusing copy, unclear labels, bad error text, weak CTAs, hard-to-follow instructions, or wanting better UX writing.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

critique

무료

Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with evidence-linked judgments and actionable feedback. Use when the user wants an overall design or UX review—not when the main need is measurable accessibility/performance diagnosis, or final micro-detail polish.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

polish

무료

Perform a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the work is functionally complete and needs finishing touches—not when the hierarchy, structure, tone, or technical foundation still need major changes.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

showcase

무료

Create standout, technically ambitious interfaces that feel extraordinary through cinematic transitions, advanced motion, heavy rendering, or other high-ambition implementation work. Use when the user wants to wow, impress, go all-out, or push a feature beyond conventional UI polish—not when simple visual confidence or routine cleanup is enough.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

imagery

무료

Improve how interfaces use photos, screenshots, icons, illustrations, and user-uploaded media so visuals support clarity instead of undermining it. Use when the user mentions images, screenshots, background photos, hero images, icon sizing, user-uploaded media, crops, overlays, or image readability.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

bolder

무료

Increase visual impact, contrast, personality, and compositional confidence when a design feels bland, generic, or too safe. Use when the design needs more energy, confidence, or memorability—not when the real problem is clutter, over-intensity, or micro-detail polish.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

test

무료

Build or improve UI test coverage for visual regression, interactions, and accessibility. Use when the user asks for a test strategy, automated tests, testing setup, or fixes to flaky UI tests. A one-time browser inspection or visual review does not require a new test suite.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

audit

무료

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants measurable accessibility, performance, responsive, theming, or anti-pattern findings—not when they mainly want an overall UX critique or final visual/detail polish.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

delight

무료

Add moments of joy, personality, and surprise through success states, empty states, loading moments, hover details, and celebratory polish once the fundamentals already work. Use when the user wants delight, charm, personality, or memorable micro-interactions—not when the main need is baseline cleanup or stronger visual impact.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

localize

무료

Plan, implement, or improve an internationalization and localization strategy for UI content, formatting, and regional adaptation. Use when the user asks to add i18n, localize, translate, support multiple languages, handle regional formats, manage locale switching, or build a multilingual product.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

colorize

무료

Build or refine UI color systems, warmth, semantic color, and color-based hierarchy in designs that are too gray, monochromatic, or missing color meaning. Use when the user mentions dull colors, gray UI, missing warmth, weak semantic color, or a need for stronger color hierarchy.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

a11y

무료

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

normalize

무료

Audit and realign UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

onboard

무료

Design onboarding and activation flows that help users reach value quickly. Use when the user mentions onboarding, getting started, first-time users, activation, aha moments, or new user flows—not when the work is only the empty-state surface itself.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

optimize

무료

Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

typeset

무료

Improve UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentional. Use when the user mentions fonts, typography, type scale, readability, text hierarchy, or sizing that feels off.

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

aladicf/better-react-web-ui42026년 9월 8일 업데이트

dapp

무료

Stellar dApp / frontend development. Covers the JavaScript stellar-sdk (browser + Node.js), Freighter wallet, Stellar Wallets Kit (multi-wallet), Wallet Standard, smart accounts with passkeys, transaction building / signing / submission, smart contract invocation from the client, simulation, and error handling. Use when building a React/Next.js/Node.js app that talks to Stellar — classic operations or smart contracts.

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

stellar-zk/stellar-zk42026년 10월 19일 업데이트

Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.

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

gracefullight/pkgs42026년 10월 18일 업데이트

Implement Flutter, React Native, or native Swift apps. Use for mobile screens, widgets, platform integrations, and application data flows.

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

gracefullight/pkgs42026년 10월 18일 업데이트

theatrejs

무료

Theatre.js アニメーションツールキットリファレンス。 @theatre/core / @theatre/studio / @theatre/r3f / @theatre/dataverse。 getProject, Sheet, Sequence, Object, val, onChange, prop-types(number / rgba / compound / image)。 studio initialize / extend / transaction / scrub / createPane。 SheetProvider, editable, useCurrentSheet, useVal, usePrism, useAtom。 keyframe アニメーション、audio sync、state JSON、React Three Fiber 統合。

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

Fandhe-AI/agent-reference-skills42026년 10월 20일 업데이트

vitest

무료

Vitest 5 (Vite ネイティブテストフレームワーク) リファレンス。 test, describe, it, expect, vi.fn, vi.mock, vi.spyOn, vi.when、 beforeEach / afterEach、test.extend fixtures、test tags / annotations、 coverage (v8 / istanbul)、snapshot、vitest.config.ts、projects (old workspace)、 Vitest Browser Mode (vitest-browser-react, locators, expect.element)、UI モード、bench fixture。

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

Fandhe-AI/agent-reference-skills42026년 10월 20일 업데이트

figma

무료

Figma REST API / Plugin API / Widget API / Code Connect / MCP Server / Dev Mode リファレンス OAuth / PAT / Plan Access Token, files, folders, variables, VariableComposedColor, webhooks, SCIM, Dev Resources, activity-logs, library-analytics FrameNode, TextNode, ComponentNode, figma.variables, figma.codegen, figma.ui, textWrapStyle, variable fonts Widget useSyncedState, useSyncedMap, usePropertyMenu, AutoLayout Code Connect template files (.figma.ts) / legacy parser / custom parsers / register / Storybook (React / SwiftUI / Compose / HTML) MCP Code to Canvas, Write to Canvas, html_to_figma, generate_image, get_motion_context, generative plugins / shaders, Figma Weave

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

Fandhe-AI/agent-reference-skills42026년 10월 20일 업데이트