AI Coding Skills Directory

⚙️ Typefully

This skill drafts, schedules, and publishes social media posts across platforms via Typefully, simplifying content management for Twitter, LinkedIn, Threads,

automationproductivitysocial-mediatypefully

Automation & Integrations

📋 Typegoose Patterns

This skill helps you implement scalable TypeGoose data models and MongoDB patterns with decorators, inheritance, and plugins for robust backends.

backenddatabaseapimx-space

Developer Workflow

📝 Typeorm

This skill provides comprehensive TypeORM documentation to answer questions about data sources, entities, relations, migrations, and advanced features.

databasesqldatabankkroll

Documentation

🧪 Typesafe Rpc

This skill helps you implement and integrate a typesafe-rpc workflow in Node/TypeScript by generating end-to-end typed client and server.

backendapifullstackbacali95

Testing & QA

🧪 Typescript

This skill helps you implement TypeScript patterns and enforce strict typing in Angular projects for safer, scalable code.

frontendfullstackdebuggingpluginagentmarketplace

Testing & QA

🔍 Typescript

This skill helps you implement and refactor TypeScript with strict patterns, promoting unknown over any, const types, and robust type guards for safer code.

refactordebuggingcode-reviewgpolanco

Code Review & Quality

🎨 Typescript

This skill helps you configure TypeScript, fix type errors, and adopt best practices with dayjs and type-safe tooling.

typescriptfrontendlintingvladimirbrejcha

Frontend Development

🎨 Typescript

TypeScript development best practices including type system, generics, utility types, configuration, and patterns for React, Node.js, and full-stack applications. Use when writing TypeScript code, converting JavaScript to TypeScript, debugging type errors, or implementing type-safe patterns.

vapvarunfrontendvapvarun

Frontend Development

🎨 Typescript Best Practices

This skill helps review and improve TypeScript code by applying best-practice patterns for types, interfaces, generics, and naming.

frontendcode-reviewrefactorvdustr

Frontend Development

🔍 Typescript Best Practices

This skill guides AI in writing and reviewing TypeScript code with emphasis on type safety, immutability, and scalable architecture.

typescriptcode-reviewrefactorjwynia

Code Review & Quality

🛡️ Typescript Code Review

This skill performs thorough TypeScript code reviews, ensuring type safety, best practices, performance, security, and maintainability with actionable feedback.

code-reviewperformancesecurityexploration-labs

Security

🎨 Typescript Detector

This skill detects TypeScript configuration and available compile commands, returning a structured summary for the quality-gates-compilation agent.

automationscriptingci-cdalex-popov-tech

Frontend Development

🧪 Typescript Expert

This skill helps you build type-safe TypeScript applications with advanced generics, strict mode, and maintainable architectures across frameworks.

backendfrontendfullstackmartinholovsky

Testing & QA

🔍 Typescript Knowledge Patch

This skill updates your TypeScript workflow with 5.9+ features like import defer, node20 module behavior, and ArrayBuffer handling guidance.

typescriptcode-reviewdocsnevaberry

Code Review & Quality

⚙️ Typescript Lsp

Search TypeScript SYMBOLS (functions, types, classes) - NOT text. Use Glob to find files, Grep for text search, LSP for symbol search. Provides type-aware results that understand imports, exports, and relationships.

plaitedautomationplaited

Automation & Integrations

🧪 Typescript Magician

This skill helps you eliminate all any types and solve advanced generics with precise type-safe solutions, improving code reliability and IntelliSense.

typescriptdebuggingrefactormcollina

Testing & QA

🧪 Typescript Pro Skill

This skill provides expert TypeScript 5+ guidance for designing type-safe APIs, advanced generics, and scalable architecture.

frontendbackendfullstack404kidwiz

Testing & QA

🧪 Typescript Sdk

This skill helps you design, configure, and test AI agents using the Inkeep TypeScript SDK for reliable, scalable agent workflows.

typescriptaiautomationinkeep

Testing & QA

⚙️ Typescript Sdk

This skill helps AI agents integrate with OpenRouter TypeScript SDK to callModel with type safety and multi-turn support.

aiapitypescriptopenrouterteam

Automation & Integrations

🎨 Typescript Strict

This skill enforces strict TypeScript practices to improve type safety in your codebase and prevent runtime errors.

frontendcode-reviewlintingoro-ad

Frontend Development

🧪 Typescript Strict

This skill enforces TypeScript strict mode patterns to improve type safety, reduce any usage, and promote immutable data structures across code.

backendrefactorlintingcitypaul

Testing & QA

🧪 Typescript Testing

This skill helps you enforce TypeScript frontend testing quality with Vitest, RTL, and MSW, ensuring coverage, independence, and reproducibility.

frontendtestingunit-testsshinpr

Testing & QA

🧪 Typescript Type Expert

This skill helps you master complex TypeScript types and patterns, speeding up type-level programming and safer library definitions.

performancedebuggingapigracefullight

Testing & QA

🔍 Typescript V5

This skill helps you implement advanced TypeScript patterns for type-safe APIs and domains using conditional types, mapped types, and guards.

apidataperformanceblockmatic-icebox

Code Review & Quality

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxpetekp

Frontend Development

📝 Typst

Typst document creation and package development. Use when: (1) Working with .typ files, (2) User mentions typst, typst.toml, or typst-cli, (3) Creating or using Typst packages, (4) Developing document templates, (5) Converting Markdown/LaTeX to Typst

lucifer1004documentationlucifer1004

Documentation

⚙️ Typst Paper

This skill helps you craft polished Typst papers by automating formatting, grammar, references, and template handling across Chinese and English submissions.

writingformattinglintingbahayonghang

Automation & Integrations

📋 Uc Interviewer

用户旅程访谈专家。通过结构化访谈，将 BRD 中的业务需求转化为清晰、已对齐的用户旅程文档。 触发场景： - "帮我梳理用户旅程"、"用户流程访谈" - "BRD 写完了，接下来细化用例" - "对齐一下 use case"、"确认用户操作流程" 核心价值：在 BRD→PRD 之间建立对齐检查点，确保用户旅程符合用户预期，减少 PRD 阶段的返工。

testany-ioworkflowtestany-io

Developer Workflow

🧪 Ugc Content Curator

This skill helps you curate and repurpose customer photos, reviews, and testimonials into cohesive, brand-aligned UGC campaigns.

marketingbrandingcontentwesleysmits

Testing & QA

⚙️ Ui

This skill lets you create Unity UI elements efficiently using batch calls to instantiate 2+ elements and organize them under panels.

scriptingproductivitydesignbesty0728

Automation & Integrations

📋 Ui Animation

Guide tasteful UI animation with easing, springs, layout animations, gestures, and accessibility. Covers Tailwind and Motion patterns. Use when: (1) Implementing enter/exit animations, (2) Choosing easing curves, (3) Configuring springs, (4) Layout animations and shared elements, (5) Drag/swipe gest

lukasstricklerworkflowlukasstrickler

Developer Workflow

⚙️ Ui Audit

AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.

tommygeocoautomationtommygeoco

Automation & Integrations

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxconstellos

Frontend Development

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendprotagonistss

Frontend Development

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityozten

Frontend Development

🔍 Ui Design Review

This skill performs a comprehensive UI/UX design review focused on usability, accessibility (WCAG), and visual consistency across web and desktop interfaces.

designuxaccessibilityrknall

Code Review & Quality

🎨 Ui Design Styling

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

designuxfrontendryokun6

Frontend Development

🧪 Ui Designer

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendmae616

Testing & QA

🧪 Ui Designer

Senior UI/UX designer transforming product requirements into professional design solutions. Use when users need: (1) Page structure and information architecture, (2) UI layout and components, (3) Color schemes and visual specs, (4) Design specification docs, (5) User flow diagrams. Triggers: UI desi

shining319testingshining319

Testing & QA

🧪 Ui Designer

Aura - Senior UI/UX Design Architect with 12+ years creating premium digital experiences. Use when designing landing pages, dashboards, mobile apps, design systems, component libraries, or brand-aligned UI. Specializes in React/Tailwind/Framer Motion prototypes, responsive design, micro-interactions

olehsvyrydovtestingolehsvyrydov

Testing & QA

🧪 Ui Extractor

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

frontenddesignuxalpex-ai

Testing & QA

🎨 Ui Implementor

UI Implementor that converts design tokens into Tailwind, shadcn components, and production CSS.

ydnikolaevfrontendydnikolaev

Frontend Development

🔍 Ui Library Usage Auditor

This skill should be used when reviewing shadcn/ui component usage to ensure accessibility, consistency, and proper patterns. Applies when auditing UI code, checking component patterns, reviewing layout structure, identifying component extraction opportunities, or ensuring design system compliance.

hopeoverturecode-reviewhopeoverture

Code Review & Quality

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewab300819

Testing & QA

🧪 Ui Preview

This skill lets you preview local web and server dev environments, capture screenshots of storybooks, and inspect UI components for quick validation.

frontenduxtestingampcode

Testing & QA

🧪 Ui Review

This skill automatically reviews UI visuals across viewports, logs in, captures screenshots, evaluates design quality, and reports actionable fixes.

frontendtestingdesignmontagao

Testing & QA

🎨 Ui Review

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

frontenddesignuxsrbhr

Frontend Development

🔍 Ui Review Tahoe

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

designuxaccessibilityrshankras

Code Review & Quality

📋 Ui System

Implements UI systems using Control nodes, themes, responsive layouts, and UI animations. Use when building menus, HUDs, and interactive interfaces.

taozhuoworkflowtaozhuo

Developer Workflow

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingproject-n-e-k-o

Frontend Development

🎨 Ui Useframe

This skill helps synchronize DOM UI elements outside the Canvas with the render loop using external useFrame in React Three Fiber v10.

frontendperformancedebuggingverekia

Frontend Development

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxarvindand

Frontend Development

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityhtooayelwinict

Frontend Development

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfawzymohamed

Frontend Development

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilitymartinholovsky

Frontend Development

🎨 Ui Ux Pro Max

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

designuxfrontendjmerta

Frontend Development

🎨 Ui Ux Pro Max

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

designuxfrontendapconw

Frontend Development

🎨 Ui Ux Pro Max

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, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects:

chudirenfrontendchudiren

Frontend Development

🎨 Ui Ux Pro Max

Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21

shining319frontendshining319

Frontend Development

🎨 Ui Ux Pro Max

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

designuxfrontendbahayonghang

Frontend Development