GitHub
technical-architecture
Technical patterns for React/Next.js + n8n + Airtable dashboard stack. Covers data layer design, frontend architecture, state management, performance optimisation, and deployment patterns.
☆ 0View skill
tools full stack AI Skills
Discover tools full stack skills, compare source repositories and read the instructions for each workflow.
Categories: tools full stack
tools full stack Clear filters
Browse skills
GitHub
www-studio
Use this skill when building websites, landing pages, or UI components using reference bank patterns. Triggers include "build a site like X", "create landing page", "implement this design", or when referencing...
☆ 0View skill
GitHub
tanstack-start-expert
Expert in TanStack Start, React Router, and React Query stack.
☆ 0View skill
GitHub
frontend-dashboard-design
Design and implement clean, fast, repeatable, production-grade frontend dashboards optimized for large datasets, static hosting, and long-term maintainability. Use this skill when building data-heavy UIs, dashb...
☆ 0View skill
GitHub
nextjs-testing
Testing patterns for Next.js projects using Jest, React Testing Library, and Playwright. Use when writing tests, setting up test infrastructure, or testing Next.js components, pages, API routes, or server actio...
☆ 0View skill
GitHub
launchpad
Build distinctive landing pages, promotional sites, and marketing pages with React and Tailwind CSS. NOT for dashboards, admin panels, or multi-page applications.
☆ 0View skill
GitHub
deployment-reviewer
Reviews the potential-parakeet frontend deployment configuration, fixes the "Hello World" entry point issue, and provides setup guides for AWS, Cloudflare, and Neon/Supabase.
☆ 0View skill
GitHub
frontend-web-dev
Use when building Angular applications, creating TypeScript components, implementing reactive forms, managing state, working with RxJS observables, or developing modern web UI with TypeScript.
☆ 0View skill
GitHub
typescript-patterns
TypeScript patterns and best practices for Next.js projects. Use when writing TypeScript code, defining types, handling errors, or ensuring type safety in components, API routes, or utilities.
☆ 0View skill
GitHub
frontend-design
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.
☆ 0View skill
GitHub
supabase
Comprehensive Supabase platform MCP for database operations, edge functions, development tools, debugging, and project management. Use when working with Supabase projects, databases, or APIs.
☆ 0View skill
GitHub
backend-architecture-nestjs
NestJS 10 modular architecture, services, DTOs, guards, and API patterns.
☆ 0View skill
GitHub
infra-operations
Infrastructure operations, deployment, debugging, and monitoring. Use when deploying services, managing secrets, checking health, viewing logs, or troubleshooting infrastructure issues. Covers both finance_repo...
☆ 0View skill
GitHub
react
Use when writing React components, creating hooks, using useState/useEffect/useReducer, building Next.js pages, implementing Server Components or Client Components, working with Remix loaders, Astro islands, or...
☆ 0View skill
GitHub
frontend-architecture-nextjs
Next.js 14 App Router, client/server components, middleware routing, and state management.
☆ 0View skill
GitHub
r3f-component-gen
Templates and standards for creating high-performance 3D components using React Three Fiber.
☆ 0View skill
GitHub
go-zero-api-skill
Use this skill to develop or extend go-zero REST APIs. It guides the creation of .api files using standard templates, generating code with goctl, and implementing handlers/logic. Triggers: "create api", "add en...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 0View skill
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality and a clear aesthetic point-of-view. Use when asked to design/build or restyle any web UI (components, pages, dashboards, landin...
☆ 0View skill
GitHub
nextjs-react-best-practices
React and Next.js performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving Re...
☆ 0View skill
GitHub
backend-development
Use this skill when the user asks about "async patterns", "Promise.all", "parallel execution", "Firebase functions", "webhook handlers", "cron jobs", "cold start", "timeout", "pubsub", "background processing",...
☆ 0View skill
GitHub
multi-platform-deployment
This skill should be used when the user asks to "deploy application", "deploy to production", "release app", "deploy to AWS", "deploy to Vercel", "deploy to Kubernetes", "iOS deployment", "Android deployment",...
☆ 0View skill
GitHub
nestjs
NestJS modular API architecture with controllers, services, guards, middleware, and dependency injection patterns. Use when: building API endpoints, implementing services, creating guards/interceptors, handling...
☆ 0View skill
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.