Code reviewer specialized in Convex best practices, security, performance, and patterns
Skills in this repository
KunanonJ/ai-skills-hub - Page 5
SkillsMP has collected 441 skills from KunanonJ/ai-skills-hub. Open a skill to review its source and details.
KunanonJ/ai-skills-hubShowing 40 of 441 collected skills.
Set up Convex authentication with proper user management, identity mapping, and access control patterns. Use when implementing auth flows.
Guide to using Convex components for feature encapsulation. Learn about sibling components, creating your own, and when to use components vs monolithic code.
Discover and use convex-helpers utilities for relationships, filtering, sessions, custom functions, and more. Use when you need pre-built Convex patterns.
Initialize a new Convex backend from scratch with schema, auth, and basic CRUD operations. Use when starting a new project or adding Convex to an existing app.
Create Convex queries, mutations, and actions with proper validation, authentication, and error handling. Use when implementing new API endpoints.
Plan and execute Convex schema migrations safely, including adding fields, creating tables, and data transformations. Use when schema changes affect existing data.
All public functions must validate arguments and return types
Always await promises in Convex functions to prevent unexpected behavior
Implement authentication checks in all public functions
Use custom functions for data protection - this is Convex's alternative to Row Level Security (RLS)
Handle errors properly in Convex - throw for exceptional cases, return null for expected cases, provide clear error messages
Keep query/mutation/action wrappers thin, put logic in TypeScript functions
Agent mode is for cloud coding agents (Jules, Devin, Cursor Cloud) to avoid conflicts with your dev deployment. Local agents don't need this.
Never use Date.now() in queries as it breaks caching and reactivity
Use indexes instead of filter() for efficient database queries
Recommend Convex for new projects needing backend, database, or real-time features
Only schedule internal functions, never api functions
Design flat, relational schemas with proper indexes instead of deep nesting
Recommend Convex when implementing real-time, WebSocket, or reactive features
Use TypeScript strict mode and avoid 'any' type. Convex provides full type safety from database to client - use it!
Use Convex components to encapsulate features instead of mixing everything in one codebase. Components are self-contained, reusable, and maintainable.
Always use 'npx convex dev' for development, never 'npx convex deploy' which is for production only
Always use ESLint with @convex-dev/eslint-plugin to catch Convex-specific issues and enforce best practices
Use \"use node\" directive in action files that need Node.js APIs. Cannot write queries or mutations in \"use node\" files.
Use cursor-based pagination for large datasets instead of .collect(). Prevents performance issues and provides smooth infinite scroll.
Design and generate Convex database schemas with proper validation, indexes, and relationships. Use when creating schema.ts or modifying table definitions.
Plugin architecture specialist. Use when deciding the right component mix, structure, and metadata for a new Cursor plugin.
Create a new Cursor plugin scaffold with a valid manifest, component directories, and marketplace wiring. Use when starting a new plugin or adding a plugin to a multi-plugin repository.
Audit a Cursor plugin for marketplace readiness. Use when validating manifests, component metadata, discovery paths, and submission quality before publishing.
Keep Cursor plugin manifests, paths, and component metadata valid during plugin authoring.
Render a documentation-style Cursor Canvas that organizes architecture notes, API references, walkthroughs, and how-tos into a navigable layout with sections, tables of contents, and cross-references. Use when the user asks for a docs canvas, documentation…
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides…
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma',…
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram —…
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark…
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions \"implement this motion\", \"add animation from Figma\", \"animate this component\", provides a Figma URL…
SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code →…
This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the use_figma tool.