디자인 스킬

Govern Clawix accessibility changes across screen reader behavior, keyboard navigation, focus order, contrast, reduced motion, text scaling, timed interactions, and agent-generated UI.

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

Implement functional Clawix UI wiring while respecting visual mutation boundaries, pattern contracts, protected surfaces, and debt baselines.

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

Review whether a Clawix UI pattern, visual decision, copy change, or component extraction belongs in canon, debt, exception, or protected-surface scope.

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

Capture and compare Clawix UI performance budgets for critical flows before optimizing visible or runtime UI behavior.

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

Load for Blazor/MudBlazor component or page changes involving render modes, dialogs, parameters/events, HAL-gated actions, generated API clients or generated record consumption, theming, or component tests; add accessibility or CSS-isolation only when touched.

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

Load for authentication or authorization changes involving BFF cookies/tokens, JWT validation, claims/user ID extraction, policies, handler access checks, impersonation, or 401/403 bugs; not for UI affordance gating alone.

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

Load when creating, editing, or debugging Lottie/Bodymovin JSON for the local Skia Skottie player: logo/type/SVG animation, loaders, icons, UI microinteractions, lower thirds, charts, diagrams, scene motion, effects, slots, or controls; not for static raster/SVG, CSS-only motion, or video editing.

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

Load when editing Blazor `.razor.css`, scoped selectors, `::deep`, BEM class names, RTL/logical CSS properties, or styling nested MudBlazor components; not for global design tokens or non-Blazor CSS.

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

Load for global UI-system changes involving CSS `@layer`, primitive/semantic/component tokens, themes, reusable MudBlazor wrappers, or design-token governance; not for one component's isolated CSS.

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

Load for footer settings, templates, social/legal links, copyright, tenant customization, instance governance locks, footer HAL capabilities, or footer admin UI/API changes; not for generic page layout footers.

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

Create a new App Store Connect app record via browser automation. Use when there is no public API for app creation and you need an agent to drive the New App form.

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

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (`asc screenshots frame`), and screenshot upload (`asc screenshots upload`). Use when users ask for automated screenshot capture, AXe-driven simulator flows, frame composition, or screenshot-to-upload pipelines.

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

Collapse meaningful ambiguity with contrastive examples. Use when a plan/design has several plausible meanings, requirements feel vague, examples would clarify intent faster than grilling, or the user asks to disambiguate, find ambiguity, use behavioral kernels, or ask contrastive questions.

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

Review someone else's PR through an architectural/strategic lens — does it shift design, raise complexity, or quietly change precedent? Drives a brief reflective discussion with the user, then posts a concise review comment via `gh`. Defers line-level and bug-hunting concerns to AI review bots and the PR author.

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

Explore radically different module shapes before committing to one. Use when choosing an API surface, deciding what a module hides vs exposes, or when the user says 'design it twice'.

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

Throwaway design probe for logic, state models, UI variations, and affordances before production work. Use when the user wants to prototype, sanity-check a model, make something playable, compare UI directions, or explore a design before ln-spec/ln-plan/ln-scope.

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

Use when starting/stopping the Remote Web UI on port 8901.

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

Throwaway HTML mockups: 2-3 design variants to compare.

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

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

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

Control TouchDesigner via twozero MCP.

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

[TOOL_RESULT:web_search] {"results": "Why Most AI Systems Fail at Scale: Problem faced with … :: 12. GAP: OpenHands has a modular SDK design — our too

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

Design one-off HTML artifacts (landing, deck, prototype).

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

We need to find the structural connection between the two described situations. The user gave two bu GAP: OpenHands has a modular SDK design — our too

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

Author/validate/export Google's DESIGN.md token spec files.

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