React/Next.js authoring, review, and optimization: components, routes, bundle size, re-renders, performance. Auto-activates on .tsx/.jsx files alongside mk:typescript in React projects.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
React and Next.js performance optimization — curated rules across priority categories drawn from framework docs and production practice.
Complements mk:typescript (type safety) and mk:vue (Vue patterns). This skill covers React-specific performance patterns.
Load the relevant reference when working in that area:
| Priority | Category | Reference | Key rules |
|---|---|---|---|
| CRITICAL | Eliminating waterfalls | references/async-patterns.md | Defer await, parallel promises, Suspense boundaries |
| CRITICAL | Bundle size | references/bundle-optimization.md | No barrel imports, dynamic imports, defer third-party |
| HIGH | Server performance | references/server-patterns.md | React.cache(), LRU cache, parallel fetching, after() |
| MEDIUM | Re-render optimization | references/rerender-optimization.md | Derived state, functional setState, memo, transitions |
| MEDIUM | Rendering perf | references/rendering-patterns.md | content-visibility, hoist JSX, conditional render |
Auto-activates during Phase 3 (Build) when React/Next.js project detected. Loaded by developer agent alongside mk:typescript.
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
Use this skill to generate well-branded interfaces and assets for MeowKit (AI Agent Toolkit for Claude Code), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Turn a raw idea into ONE honest recommendation: interview one question at a time until confirmed, then give a verdict with trade-offs and a checklist. Not for options or debate.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Browser automation CLI for agents: navigate, click/fill, screenshot, extract data, test apps, Electron/Slack, cloud browsers. NOT for the user's real Chrome profile/cookies (mk:chrome-profile).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Detects the right agent and complexity tier at Phase 0 orient; runs first in every workflow. NOT for runtime agent routing inside a single skill.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Angular v20+ patterns: components, signals, services, forms, routing, HTTP, testing, SSR. Auto-activates on .ts files in Angular projects (angular.json detected).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Design and review durable REST, GraphQL, RPC, or event API contracts: shape, compatibility, pagination, error semantics. Discovers existing consumers first. Not implementation, schema, or release.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.