Build or update Figma pages, dialogs, and panels from code or descriptions. The workflow reuses design system components, shared colors, spacing, and text styles, producing assembled views that remain linked to existing design resources.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Recreate an application page in Figma
- Update an existing screen to match code
- Build a dialog using shared components
openai/plugins☆ 7.5천2026년 10월 8일 업데이트
Build and maintain interfaces with shadcn/ui components, reusable pieces such as forms, cards, and dialogs. Find suitable components, follow project settings, fix composition and styling issues, and review updates while preserving local changes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build settings pages and dashboards
- Fix form and dialog composition
- Update components while preserving local changes
openai/plugins☆ 7.5천2026년 10월 8일 업데이트
Build OpenBot administration and settings screens with shared layout components. Provides consistent page widths, row structures, control sizes, and dialog layouts, including patterns for switches, editable summaries, and read-only values.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adding an administration or settings page
- Adding a settings row to an existing screen
- Choosing between a switch and an editing dialog
CopilotKit/OpenBot☆ 6.7천2026년 10월 20일 업데이트
Enhance existing interfaces with ambitious browser techniques, from scroll-linked animation and natural motion to smooth large-data displays. Compare implementation directions, build the selected approach, and refine it through browser previews, performance checks, and accessible fallbacks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adding scroll-linked effects to landing pages
- Creating fluid transitions between buttons and dialogs
- Keeping large tables and search results responsive
fengshao1227/ccg-workflow☆ 5.9천2026년 10월 19일 업데이트
Design and refine web animations for buttons, dialogs, menus, and gestures. The skill guides timing, changes in speed, spring motion, performance, and reduced-motion preferences so transitions fit the interaction and remain responsive.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Refine dialog and menu transitions
- Adjust button press and hover feedback
- Investigate stuttering animations
vercel-labs/open-agents☆ 5.9천2026년 8월 29일 업데이트
Build and update Kiln screens using shared interface components and established styles. The skill guides component planning, comparison with reference screens, automated rule checks, and a review handoff containing evidence of consistency and any justified exceptions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adding a Kiln screen using shared components
- Aligning forms and dialogs with established styles
- Checking Svelte changes for interface rule violations
Kiln-AI/Kiln☆ 5.2천2026년 10월 20일 업데이트
Helps implement coss UI components correctly. Use when building UIs with coss primitives (buttons, dialogs, selects, forms, menus, tabs, inputs, toasts, etc.), migrating from shadcn/Radix to coss/Base UI, composing trigger-based overlays, or troubleshooting coss component behavior. Covers imports, accessibility, Tailwind styling, and common pitfalls.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
crafter-station/petdex☆ 4.3천2026년 10월 11일 업데이트
Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "state transitions", "input feedback", "the interface feels dead", "make the UI feel responsive", or "add polish to interactions". Also trigger when designing form-validation responses, progress indicators, confirmation dialogs, or any element where the user expects immediate feedback. Covers trigger design, state rules, feedback mechanisms, and progressive loops. For overall UI polish, see refactoring-ui. For affordance design, see design-everyday-things.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wondelai/skills☆ 2.5천2026년 9월 11일 업데이트
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mrgoonie/claudekit-skills☆ 2.2천2026년 4월 3일 업데이트
Type text at current cursor position in desktop applications. When you need to enter text in dialogs, fill input fields, or type in text editors. Supports Chinese input. For browser webpage forms, use browser_type instead.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
openakita/openakita☆ 2천2026년 9월 24일 업데이트
Generate one or more standalone Meta image-ad creatives via ChatGPT Image 2 (gpt-image-2) through the Arcads external API. Locks the model, auto-strips platform chrome, enforces edge-safe layouts and glyph-safety inside body text. Use when the user asks for a "gpt-image-2 ad", "ChatGPT Image ad", "Image 2 ad creative", "make a static image ad with GPT", or anchors on a need for typography-heavy / dense-text / UI-mimicry ad creatives (chat threads, comparison tables, fake search results, iOS dialogs, Slack snapshots, ChatGPT-conversation ads, Apple Notes lists). Does NOT trigger on Nano Banana cues — use nano-banana-image-ad for those.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
krusemediallc/arcads-claude-code☆ 1.6천2026년 10월 20일 업데이트
Builds and ships iOS/macOS apps with XcodeGen, SwiftUI and SPM: Xcode build fixes, device deployment, Apple Developer signing/notarization, CI/CD pipelines. Use for XcodeGen project.yml setup, "Library not loaded @rpath" crashes, code-signing errors (Error -25294, adhoc fallback), or Electron notarization failures. Not for TCC permission dialogs (use macos-permissions) or disk cleanup (use macos-cleaner).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
daymade/claude-code-skills☆ 1.5천2026년 10월 20일 업데이트
Diagnoses and repairs macOS TCC dialogs and silent denials: Full Disk Access, Screen Recording, Microphone, Camera, Accessibility, Automation. Use for recurring prompts, LaunchAgent/uv jobs that fail only in background, broken grants, or automating Full Disk Access (权限弹窗 / 授权了没用 / 完全磁盘访问). Checks requester and grants first. Not for launchd design (macos-watchdog) or app permission UX (developing-ios-apps).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
daymade/claude-code-skills☆ 1.5천2026년 10월 20일 업데이트
Diagnoses Windows App (Remote Desktop / AVD / W365 / direct PC) connection problems on macOS: transport selection (UDP Shortpath vs WebSocket), VPN/proxy interference, and stuck "Configuring remote PC..." dialogs. Use when a VDI connection is slow/stuck, transport shows WebSocket not UDP, or Windows App freezes at a progress dialog. Not for general network diagnosis (use debugging-network-issues or tunnel-doctor).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
daymade/claude-code-skills☆ 1.5천2026년 10월 20일 업데이트
Use when driving a desktop GUI through a computer-use driver — windows, menus, native apps, OS dialogs. You build a table of safe actions; Jev picks the next one in about 0.4 seconds.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
kerpopule/hermes-jev-skills☆ 1.1천2026년 10월 20일 업데이트
Build Google Apps Script automation for Sheets and Workspace. Custom menus, triggers (onEdit / time-driven / form submit), dialogs, sidebars, email batches, PDF export, external API. Use whenever the user wants to automate a Google Sheet, build a Sheets menu / sidebar / dialog, hit a Sheets row from email or a webhook, schedule a Sheets workflow, or asks 'how do I script this in Sheets'.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
jezweb/claude-skills☆ 1.1천2026년 10월 9일 업데이트
Headless Chromium CLI for QA testing and site dogfooding. 100-200ms per command after startup. Persistent state with cookies, tabs, sessions. Snapshot system with element refs. Navigate, interact, verify page state, take screenshots, check responsive layouts, test forms, handle dialogs.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
paperclipai/companies☆ 9282026년 3월 24일 업데이트
Generates pre-permission priming screens that explain benefits before showing iOS system permission dialogs. Use when user wants to increase permission grant rates, add pre-permission screens, or explain why the app needs access.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
rshankras/claude-code-apple-skills☆ 8142026년 7월 24일 업데이트
Use when writing E2E/integration tests, testing native interactions like permissions or system dialogs, capturing UI regressions, or validating cross-platform behavior (Patrol 4.x).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
evanca/flutter-ai-rules☆ 6532026년 10월 10일 업데이트
Use when writing, editing, reviewing, or replacing UI copy, UX writing, microcopy, button labels, link text, form labels, helper text, empty states, error messages, confirmation dialogs, onboarding text, notifications, or user-facing product wording.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
operately/operately☆ 5892026년 10월 20일 업데이트
Install and migrate to Jetpack Navigation 3. Use when implementing Navigation 3 patterns including NavDisplay, NavKey routes, deep links, multiple backstacks, scenes (dialogs, bottom sheets), or migrating from Navigation 2.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
HoangNguyen0403/agent-skills-standard☆ 5792026년 10월 18일 업데이트
Guide for implementing Shell-based navigation in .NET MAUI apps. Covers AppShell setup, visual hierarchy (FlyoutItem, TabBar, Tab, ShellContent), URI-based navigation with GoToAsync, route registration, query parameters, back navigation, flyout and tab configuration, navigation events, and navigation guards. Use when: setting up Shell navigation, adding tabs or flyout menus, navigating between pages with GoToAsync, passing parameters between pages, registering routes, customizing back button behavior, or guarding navigation with confirmation dialogs. Do not use for: deep linking from external URLs (see .NET MAUI deep linking documentation), data binding on pages (use maui-data-binding), dependency injection setup (use maui-dependency-injection), or NavigationPage-only apps that don't use Shell.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
managedcode/dotnet-skills☆ 4902026년 10월 17일 업데이트
Audit and fix accessibility in Core UI. Use when changing or reviewing buttons, links, forms, validation, dialogs, menus, tabs, tables, keyboard interactions, focus management, accessible names, announcements, contrast, touch targets, reduced motion, or WCAG/a11y behavior.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Asymmetric-al/core☆ 3812026년 10월 20일 업데이트
Build accessible, composable UI with @base-ui/react primitives and project styling tokens. Use when creating or refining unstyled primitive components and behavior-heavy UI such as overlays, menus, popovers, dialogs, and form controls, or defining custom component APIs. Prefer the moai-library-shadcn skill when copied-in shadcn components are the primary implementation path.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Asymmetric-al/core☆ 3812026년 10월 20일 업데이트