메뉴
Expert guidance for building high-performance React applications with Monaco Editor integration. Use when implementing IDE-like features, real-time collaboration, or complex UI states with Zustand and Socket.IO.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Expert implementation of AI workflows using LangGraph and CrewAI. Use when building multi-agent systems, stateful graphs, or complex tool-use scenarios.
Expert guidance for vector database management and RAG workflows using ChromaDB. Use when implementing semantic search, document embeddings, or agentic memory.
Professional FastAPI development for high-performance AI backends. Use when building async APIs, implementing Pydantic models, or integrating with LangGraph and SQL databases.
Expert guidance for high-performance, accessible animations using Motion (formerly Framer Motion). Use when creating or refining UI transitions, layout animations, or complex component interactions in React.
Advanced management of application state and data storage using SQLite and Redis. Use when implementing persistent storage, caching layers, or session management.
Advanced Tailwind CSS patterns for scalable, maintainable, and stunning UIs. Use for component styling, theme configuration, or optimizing bundle sizes.
| name | react-monaco-master |
| description | Expert guidance for building high-performance React applications with Monaco Editor integration. Use when implementing IDE-like features, real-time collaboration, or complex UI states with Zustand and Socket.IO. |
@monaco-editor/react.
automaticLayout: true.onMount to configure editor settings (theme, keybindings).MonacoDiffEditor for code comparisons.React.memo and useCallback for components with high update frequencies (like editor wrappers).any.