Types
Type checking and type generation
better-forms
by alexeira
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.
VertexOracle Multi-Agent AI
by tachfineamnay
Complete guide to the 4-agent AI architecture for spiritual reading generation.
frontend-tailwind-best-practices
by Emerson1337
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.
backend-node
by shaul1991
Node Developer Agent. Node.js/TypeScript 기반 백엔드 개발을 담당합니다. NestJS, Express, Prisma 전문.
elixir-ecto
by vircung
Ecto schemas, changesets, queries, migrations, and database patterns for Elixir applications
🤖 Authoritative AI Assistant Pair-Programming Playbook
by yogaprasetya22
Rujukan Arsitektur: Dijabarkan lengkap pada Stage 7: Network Sync Protocol.
elixir-liveview
by hwatkins
Phoenix LiveView patterns for real-time web applications. Covers lifecycle, streams, events, PubSub, forms, and performance optimization. Use when building or debugging LiveView features.
ask-me-questions
by Pranav-Karra-3301
Interactive questioning skill to help users understand vibecoded or AI-generated codebases they've lost track of. Use when: (1) User is confused about how something works in their codebase (2) User doesn't understand code that was generated with too much AI autonomy (3) User wants to find gaps, errors, or misunderstandings in implementation (4) User says things like "I don't understand this", "how does X work", "what does this do" (5) User wants to audit their understanding of AI-generated code (6) User mentions "vibecoding", "lost track", "don't know what the agent built" Triggers: "confused", "don't understand", "how does this work", "explain", "audit my understanding", "vibecoded", "what did the agent do"
shadcn-vue
by ycs77
Component usage patterns for shadcn-vue — a Vue component distribution system built on Reka UI and Tailwind CSS. Covers component APIs, forms with VeeValidate/TanStack Form, data tables, sidebar, charts, theming, and custom registries.
excalidraw
by saar120
Generate architecture diagrams as .excalidraw files from codebase analysis. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, or generate excalidraw files.
content-planner
by hoangvantuan
Plan and write full content for Facebook posts and blog articles from any input (topic, notes, URL, documents). Two-phase workflow - Phase 1 creates content plan with briefs, Phase 2 writes full articles. Auto-researches via web search. Use when user wants to "plan content", "write blog post", "create Facebook posts", "content calendar", "lên kế hoạch viết bài", "viết bài cho Facebook/blog", or "lập content plan".
supabase-postgres-best-practices
by pm-minji
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
create-task
by fancy-bread
Create Task
bs-architect
by MaxGiu67
"Architettura: stack, schema dati, API contract, ADR. Usa questa skill quando l'utente vuole definire l'architettura, lo stack, lo schema dati, o dice bs architect, architettura, stack, schema dati, API, scelta tecnologica."
waterware
by sri
Engineering guardrails for building this project with Go, TypeScript, and SQLite 3.
shadcn-ui-expert
by shlomi-schwartz
Complete shadcn/ui component and chart code reference with all variants. Provides instant lookup for 54 base UI components and 7 Recharts chart types with full TSX code examples. Handles variant selection by asking the user.
code-intelligence
by rzyns
CLI-first code intelligence for authoring, editing, and reasoning about TypeScript/JavaScript codebases. Use this skill whenever working with an unfamiliar codebase, searching for code by meaning or pattern, planning a refactor, assessing blast radius before changing a symbol, planning features from a PRD, or auditing code quality. Also use proactively any time the task involves navigating, understanding, or modifying a non-trivial TS/JS codebase — even if the user doesn't explicitly ask for code intelligence tools.
codex-delegation
by DUTSTECH
How to delegate implementation tasks to workers via Codex MCP or Task sub-agents. Use when executing tasks that require code implementation.
convex-backend-development
by violabg
Develop and maintain Convex backend functions including queries, mutations, and actions. Use when working with database operations, authentication, game management, scoring logic, and real-time data updates in the dev-quiz-battle app.
typescript-react-patterns
by dabelmtz1323
Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review. Use when the user works with TypeScript in React or Next.js: type errors, Props design, generics, API typing, SSR/CSR boundaries, hydration issues, form validation, state management, performance, or code review. Also use for "how should I type this?", "why does this type error happen?", or any architectural decision involving TypeScript in a frontend context.
elementor-forms
by peixotorms
Use when creating custom Elementor form actions, custom form field types, form validation, or processing form submissions. Covers Elementor Pro forms (ElementorPro\Modules\Forms), Action_Base (get_name, get_label, run, register_settings_section, on_export), after_submit processing, Field_Base (field_type, render field HTML, validation callback, update_controls), content_template for editor preview, form action registration, export_type handling, update_record patterns, elementor_pro/forms/validation hook, email filters, and webhook response handling.
fe-scaffold
by ingpdw
React/Next.js 프론트엔드 프로젝트의 컴포넌트, 페이지, API 라우트, 훅, 스토어 등 보일러플레이트를 자동 생성하는 스캐폴딩 스킬. "컴포넌트 만들어", "페이지 생성", "scaffold", "boilerplate" 등의 요청 시 사용.
design-dna
by tylercecchi
Build Product Design DNAs through conversation. DNA is a canvas for iterating on design concepts and logic, the same way Figma lets you iterate on pixels.
fp-ts
by bromanko
This skill should be used when the user asks to "write idiomatic fp-ts", "refactor to fp-ts", "use Option/Either/Task/TaskEither", "compose with pipe/flow", "handle errors with fp-ts", "convert to functional style", "use fp-ts patterns", or mentions fp-ts types, monads, or functional composition in TypeScript.