메뉴
Use when building, installing, debugging, or configuring MCP servers, MCP clients, tool schemas, stdio transports, SSE/HTTP MCP endpoints, or OpenCode mcp entries.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Use when adding skeleton loaders, loading placeholders, shimmer states, or structure-aware loading UI with the @aejkatappaja/phantom-ui Web Component. Applies to React, Next.js, Vue, Svelte, Angular, Solid, Qwik, HTMX, and plain HTML frontend apps.
Use when restyling, redesigning, polishing, or fixing the look of an existing web UI, and before claiming any visual change is done. Enforces fixing in place over rewrites, confirming direction before a big redesign, and verifying every change across all viewports AND locales with screenshots. Bundles a headless-Chromium screenshot harness for this machine plus Next.js/Tailwind/framer-motion gotchas.
Use when the user asks for vault daydream, Obsidian vault synthesis, roadmap brainstorming, project ideas, future planning, or strategy that should be grounded in their notes.
Use when working with Cloudflare Workers, Pages, DNS, tunnels, Access, R2, D1, KV, Durable Objects, Queues, cache rules, or Wrangler configuration.
Use when testing websites or web apps with browser automation, Playwright, Chrome DevTools, accessibility checks, responsive behavior, console logs, network requests, or end-to-end user flows.
| name | mcp-builder |
| description | Use when building, installing, debugging, or configuring MCP servers, MCP clients, tool schemas, stdio transports, SSE/HTTP MCP endpoints, or OpenCode mcp entries. |
Use this skill for Model Context Protocol server work, including new servers, client configuration, tool design, and debugging broken MCP integrations.
opencode.json or opencode.jsonc file.~/.config/opencode/opencode.json.mcp, keyed by server name.type: "local" and command as an array of strings.type: "remote" and url.