treido-frontend
Treido frontend development (Next.js App Router UI, React, Tailwind v4 + shadcn/ui, next-intl). Triggers on "FRONTEND:" prefix or UI/components/styling/i18n tasks.
Skills matching the name, description or GitHub author.
Treido frontend development (Next.js App Router UI, React, Tailwind v4 + shadcn/ui, next-intl). Triggers on "FRONTEND:" prefix or UI/components/styling/i18n tasks.
Implement rich text editing with reactjs-tiptap-editor (admin content editing). Use when building post/project editors or WYSIWYG components.
Comprehensive Stripe e-commerce integration for React shops (Vite OR Next.js). Use when building online shops, payment systems, checkout flows, or integrating Stripe payments. Covers client-side setup, server-s...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Enforces simplicity, efficiency, and long-term maintainability in Next.js + TypeScript code. Prevents deep nesting/long conditionals/duplication/magic values, catches common performance anti-patterns early, and...
Vercel deployment platform documentation. Use for deploying web applications, serverless functions, Edge Functions, environment variables, domains, CI/CD, and framework integrations (Next.js, React, Vue, etc.).
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Generate React Flow workflow UIs with nodes, edges, execution orchestration, and chat interfaces. Use when creating workflow visualizations, multi-step processes, DAG systems, or orchestrated task flows.
Full-stack debugging specialist for Faiston NEXO. Use when encountering errors, bugs, test failures, or unexpected behavior in Frontend (React, TypeScript, Vite), Backend (FastAPI, Lambda), Agents (Google ADK,...
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Generate React/Tailwind UI components using Google Stitch (MCP).
Technical patterns for React/Next.js + n8n + Airtable dashboard stack. Covers data layer design, frontend architecture, state management, performance optimisation, and deployment patterns.
Frontend patterns for MiGestion Web - React, Vite, Zustand, design system. Trigger: When working on Web code (components, pages, stores, services).
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Building and deploying React web applications. Use when configuring builds, deploying to Vercel/Netlify, setting up CI/CD, Docker, or managing environments.
Conjunto de ferramentas para criar artefatos HTML claude.ai elaborados e multi-componentes usando tecnologias web frontend modernas (React, Tailwind CSS, shadcn/ui). Use para artefatos complexos que requerem ge...
Building LLM-powered React applications with the Hashbrown library. Use when the user asks to (1) Build generative UI where LLMs render React components, (2) Add client-side tool calling for LLM-app interaction...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Orchestrates pitfall prevention skills for common development issues. Auto-triggered during code review to check for TanStack Query, Drizzle ORM, Express API, React, WebSocket, blockchain RPC, and security pitf...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.