Get started with @farming-labs/docs โ MDX-based documentation for Next.js, SvelteKit, Astro, and Nuxt. Use when setting up docs, scaffolding with the CLI, choosing themes, or writing docs.config. Covers init, --template, manual setup, and theme CSS.
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
Develop React components and UI features for the console frontend with TypeScript, accessibility, and proper API integration. Use when creating or modifying UI components in the console directory.
Follow NhasixApp development workflow - analysis, planning, execution, completion phases
Deploy applications to Render by analyzing codebases, generating render.yaml Blueprints, and providing Dashboard deeplinks. Use when the user wants to deploy, host, publish, or set up their application on Render's cloud platform.
Reduce JavaScript and CSS bundle sizes through code splitting, tree shaking, and optimization techniques. Improve load times and overall application performance.
shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, MCP server setup, or encountering component imports, Reka UI errors.
PostHog integration for Next.js App Router applications
Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. **CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design.** Never attempt manual implementation without invoking this skill first.
Official integration patterns for Mapbox GL JS across popular web frameworks. Covers setup, lifecycle management, token handling, search integration, and common pitfalls. Based on Mapbox's create-web-app scaffolding tool.
Build and deploy a full-stack app (React frontend + Python/FastAPI backend) to Vercel as a serverless demo with seeded data
Node.jsๅ็ซฏๅผๅไธๅฎถใ็ฒพ้NestJSใExpressใKoa็ญๆกๆถ๏ผไปฅๅTypeScriptใPrismaใRedis็ญๆๆฏๆ ใ
่ พ่ฎฏไบๅฎๆถ้ณ่ง้ขTRTC๏ผๅฎๆถ้่ฏใ็ดๆญ่ฟ้บฆใ้ณ่ง้ขSDKๆฅๅ ฅใUse when building real-time video/audio applications. Triggers: 'TRTC', 'ๅฎๆถ้ณ่ง้ข', '่ง้ข้่ฏ', '็ดๆญ่ฟ้บฆ'. Works with: Claude Code, Codex, OpenCode, Cursor, Cline, OpenClaw, Kimi.
Next.js ํ๋ก์ ํธ์ Open Graph (OG) ๋ฉํํ๊ทธ ๋ฐ SEO ๋ฉํ๋ฐ์ดํฐ ์ ์ฉ ์ํ๋ฅผ ๋ถ์ํ๊ณ ๋ ๋ฆฝ์ ๊ตฌํ์ด ํ์ํ ํ์ด์ง๋ฅผ ์ถ์ฒํฉ๋๋ค.
Next.js ํ๋ก์ ํธ์ ์ํคํ ์ฒ ๊ฑด์ ์ฑ, ์ปดํฌ๋ํธ ํจํด(์๋ฒ/ํด๋ผ์ด์ธํธ), ๊ทธ๋ฆฌ๊ณ ๋ณด์ ์ทจ์ฝ์ ์ ๋ถ์ํฉ๋๋ค.
Answer questions about Vellum, the assistant's architecture, and its current configuration including which model and provider are active
Elite Full-Stack Developer skill with mastery of modern frontend frameworks (React, Vue, TypeScript), backend systems (Node.js, Python, Go), databases (PostgreSQL, MongoDB, Redis), and DevOps (Docker, Kubernetes, CI/CD). Transforms AI into a principal engineer capable of building end-to-end applications from database to UI. Use when: full-stack, web-development, react, nodejs, database-design, api-development.
Cross-platform development with Flutter and Dart for iOS, Android, Web, Desktop, and embedded. Use when building Flutter apps, implementing Material/Cupertino design, or optimizing Dart code.
Proactively apply when creating new features/components/pages or setting up frontend project structure. Triggers on FSD, feature slicing, frontend architecture, layer structure, module boundaries, scalable frontend, slice organization. Use when restructuring React/Next.js/Vue/Remix projects, organizing frontend code, fixing import violations, or migrating legacy codebases. Feature-Sliced Design (FSD) architecture for frontend projects.
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
Guide feature development for full-stack applications with architecture focus. Covers Next.js App Router patterns, NestJS backend services, database models, data workflows, and seamless integration. Use when adding new features, refactoring existing code, or planning major changes.
Vue.js 3 development with Composition API, TypeScript, Pinia state management, and Nuxt 3 full-stack. Use when building Vue applications, implementing reactive patterns, creating composables, or working with the Vue ecosystem.
Cross-platform mobile development with React Native and Expo. Use when building iOS/Android apps with JavaScript/TypeScript, implementing native features, or optimizing mobile performance.
