skills.rest
nagy-ag
nagy-agCOMMUNITY
Explore all skills by this author →
GitHub

tech-stack

Define project technology stack with Next.js, React, TypeScript, Tailwind CSS, Convex, and Python workers.

Updated Mar 6, 2026
Search Tags:#typescript#tech stack#react#python#next.js#tailwind#convex
One-click install
npx skills add https://github.com/nagy-ag/media-echo --skill tech-stack-nagy-ag
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tech-stack
Source: https://github.com/nagy-ag/media-echo/tree/main/.agents/skills/tech-stack
Command: npx skills add https://github.com/nagy-ag/media-echo --skill tech-stack-nagy-ag

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all code development adheres to the project's defined technology stack, maintaining consistency and leveraging the appropriate tools for each task.

Core Features & Use Cases

  • Stack Enforcement: Guides development by specifying the exact frameworks, languages, and libraries to be used.
  • Tool Selection: Helps in choosing the correct libraries for UI, data visualization, data processing, and AI tasks.
  • Use Case: When starting a new feature, consult this Skill to confirm you are using React Three Fiber for 3D visualizations and TanStack Table for data grids, as per the project's requirements.

Quick Start

Use the tech-stack skill to understand the project's frontend framework and styling libraries.

Frequently Asked Questions about tech-stack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I define a project's tech stack using Next.js, Convex, and TypeScript?▼

To define a project's tech stack, you specify exact frontend frameworks, languages, and backend services to enforce development consistency. This ensures adherence to Next.js App Router, React, TypeScript, Tailwind CSS, Convex, and Python workers for specific AI and data tasks.

What technology stack should I use for 3D visualizations and data grids in React?▼

For 3D visualizations and data grids in React, use React Three Fiber for 3D graphics and TanStack Table for data grids. This technology stack definition ensures you select the correct UI libraries while maintaining consistency with Next.js and TypeScript.

Can I use Python workers for AI processing tasks while using Next.js and Convex?▼

Yes, you can use Python workers for specific AI and data processing tasks alongside Next.js and Convex. Defining the technology stack ensures Python workers are correctly integrated for backend AI processing while maintaining frontend consistency.

What's the best way to enforce a consistent tech stack across a development team?▼

The best way to enforce a consistent tech stack is to define exact frameworks, languages, and libraries before development begins. This approach guides tool selection for UI, data visualization, and AI tasks, preventing inconsistent technology choices.

Do I need Tailwind CSS and Next.js App Router for every project feature?▼

Yes, Tailwind CSS and Next.js App Router are required for project features. The technology stack definition enforces adherence to these specific styling and routing tools to maintain consistency and leverage appropriate tools for each task.

Related Skills

Explore More Software Engineering Skills→
School-Agent-IncSchool-Agent-Inc
1

web-builder

Scaffold Next.js/React websites with App Router, TypeScript, and Tailwind CSS.

Official
Intermediate
shazilk-devshazilk-dev

nextjs-frontend

Generate a Next.js 16 frontend scaffold with App Router, TypeScript, and Tailwind CSS.

Community
Intermediate
MonichreMonichre

threejs-shaders

Integrate custom GLSL shaders into Three.js using ShaderMaterial and RawShaderMaterial.

Community
Intermediate
shynlee04shynlee04

Frontend CSS

Enforce consistent CSS styling with Tailwind, BEM, and CSS Modules.

Community
Intermediate