nextjs-react-typescript은(는) 무엇을 하나요?
TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI 및 Tailwind 전문가
TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI 및 Tailwind 전문가
이 스킬은 TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI 및 Tailwind CSS 스택에 특화된 AI 어시스턴트를 제공합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트와 함께 사용하도록 설계되었으며, 현대적인 풀스택 웹 개발 환경에서 일관된 코드 생성, 최적화된 아키텍처 제안, 모범 사례 안내를 제공합니다. App Router 기반의 서버 컴포넌트, 클라이언트 컴포넌트, 미들웨어 등을 올바르게 구분하고, Radix UI의 접근성 원칙을 준수한 Shadcn UI 컴포넌트를 생성하며, Tailwind CSS 유틸리티 클래스를 효율적으로 사용하도록 도와줍니다. 이 스킬을 사용하면 반복적인 패턴에 대한 명시적 지시 없이도 보다 일관된 코드 품질을 유지할 수 있습니다.
npx skills add https://github.com/mindrally/skills/tree/main/skills/nextjs-react-typescriptTypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI 및 Tailwind 전문가
This repo contains 20 individual skills — each has its own dedicated page.
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.
Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.
Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.
Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.
Expert in Expo React Native TypeScript mobile development with best practices
Expert in FastAPI Python development with best practices for APIs and async operations
Expert guidelines for building performant animations with Framer Motion/Motion library in React applications
HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.
Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage
Machine learning development with JAX, functional programming patterns, and high-performance computing.
MySQL development best practices for schema design, query optimization, and database administration
Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.
Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture
Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.
Redis development best practices for caching, data structures, and high-performance key-value operations
Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.
SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets
Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases
Expert in web scraping and data extraction with Python tools
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".