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...
Discover blockchain full stack skills, compare source repositories and read the instructions for each workflow.
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...
Expert assistant for Supabase database operations in the KR92 Bible Voice project. Use when (1) creating database migrations, (2) adding/modifying tables or RLS policies, (3) creating RPC functions, (4) queryin...
Expert assistant for creating database migrations for the KR92 Bible Voice Supabase project. Use when creating database migrations, adding tables, modifying schemas, creating RPC functions, or writing rollback...
Expert assistant for designing and implementing subscription features across the Raamattu Nyt monorepo. Use when adding feature limits, implementing quota checks, creating plan-based access controls, building u...
Designs concise, streamlined backend systems matching exact task requirements. Use when planning APIs, data models, system architecture, or when the user requests backend design work.
Visual design for Guitar Tone Shootout - design tokens, colors, typography, component patterns, and aesthetic principles. Use for UI decisions and styling.
Jinja2 SSR pages with HTMX for interactivity, Alpine.js for UI state, and Tailwind CSS for styling. React islands only for complex interactive components (SignalChainBuilder).
FastAPI backend development with SQLAlchemy 2.0, Pydantic v2, and async Python. Use for API endpoints, database models, migrations, authentication, and background tasks.
Dual-frontend architecture with Astro SSG for static pages and Jinja2/HTMX for dynamic pages. Both coexist intentionally.
React/Next.js best practices for modern, performant applications.
Code organization patterns and TypeScript best practices for Convex. Use when structuring a Convex project, writing helper functions, defining schemas, working with types like QueryCtx/MutationCtx/ActionCtx, or...
Best practices for Convex actions, transactions, and scheduling. Use when writing actions that call external APIs, using ctx.runQuery/ctx.runMutation, scheduling functions with ctx.scheduler, or working with th...
Build secure, performant React components in Next.js systems with TypeScript, security-first patterns, and enterprise-grade UX. Use when creating UI components, forms, providers, error boundaries, and interacti...
Implement enterprise-grade security in Next.js systems with RBAC, CSRF protection, CSP, audit logging, and tenant isolation. Use when securing admin portals, APIs, and multi-tenant applications.
Master Next.js 16 App Router development with route groups, server components, security-first patterns, and production-grade implementations. Use when building admin portals, public sites, API routes, or implem...
Implement premium Tailwind CSS styling in Next.js systems with custom design tokens, precision interactions, and carbon glass aesthetics. Use when building responsive, accessible UI components with enterprise-g...
Expert Next.js pour App Router, Server Components et optimisation. Utilise ce skill quand: (1) développement d'applications Next.js, (2) migration vers App Router, (3) Server Components et Server Actions, (4) s...
Expert backend pour APIs REST/GraphQL, bases de données SQL/NoSQL, architecture serveur et sécurité. Utilise ce skill quand: (1) conception ou développement d'APIs, (2) modélisation de données et requêtes compl...
Develop, run, and debug the AGENT-Studio repo (Next.js frontend + FastAPI backend). Use for repo onboarding, starting/stopping services (restart.sh, ports 3115/8000), env vars, logs, and common dev workflows....
React/Next.js performance optimization guidelines from Vercel Engineering. Use when reviewing performance, optimizing bundles, or fixing waterfalls.
Guide for developing the dashboard frontend using React, TypeScript, MUI, Vite, React Query, and Zod. Use this when creating or modifying UI components, data fetching hooks, or frontend business logic.
Next.js (App Router) + PostgreSQL developer workflow for production-ready, containerized apps (Docker/Compose), including safe money handling using Postgres NUMERIC and Dinero.js ("deniro.js") patterns.
Supabase backend development: database, RLS, Edge Functions, queries. USE WHEN: creating tables, migrations, RPC functions, Edge Functions, RLS policies, query optimization, Supabase infrastructure. NOT FOR: Fl...
FastAPI project structure and best practices guide
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.