AI Coding Skills Directory

🧪 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

🎨 Typeset

This skill analyzes typography and delivers a systematic plan to improve font choice, hierarchy, sizing, and readability for clearer, more intentional text.

designfrontenduxpbakaus

Frontend Development

🎨 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 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

🔎 Ui Ux Pro Max

This skill helps designers plan, build, and optimize UI/UX for websites and apps using diverse styles, palettes, fonts, and stacks.

designuxaccessibilitycin12211

Search & Research

🎨 Ui Wireframing

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

designuxplanningconstellos

Frontend Development

📋 Uiux Toolkit

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

uxaccessibilitydesigngeorgekhananaev

Developer Workflow

📋 Uk Legal Counsel

Alex (Legis-AI) - Senior UK Legal Counsel with 20+ years experience in English & Welsh Law. Use for legal advice, contract drafting, compliance checks, GDPR, employment law, property disputes, or risk assessment. Auto-triggers penalty warnings and statute citations. Also responds to 'Alex' or /alex

olehsvyrydovworkflowolehsvyrydov

Developer Workflow

🔍 Ultrathink Review

This skill coordinates ULTRATHINK multi-agent code review to improve quality and consistency by analyzing rules, patterns, and findings.

code-reviewautomationdebuggingandredezzy

Code Review & Quality

🛡️ Umbraco Content Delivery Api

This skill guides Claude to use the Umbraco Content Delivery API safely and efficiently with endpoint selection, localization, and preview handling.

apidatabackendnikiskaarup

Security

⚙️ Umbraco Mcp Content Ops

This skill helps you manage Umbraco content operations safely and efficiently using MCP tools for CRUD, publishing, audits, and media tasks.

contentautomationoperationsnikiskaarup

Automation & Integrations

🛡️ Umbraco Media Delivery Api

This skill helps you navigate the Umbraco Media Delivery API to read media efficiently with correct endpoints, filters, and paging.

apibackenddocsnikiskaarup

Security

📋 Umple Diagram Generator

Use this skill when user asks to generate state machine or class diagram with umple.

elwinliuworkflowelwinliu

Developer Workflow

📋 Un Ai Writing

This skill rewrites and humanizes text, preserving meaning and facts while removing AI-writing tells to sound natural and confident.

writingcontentcopywritingmontagao

Developer Workflow

🎨 Unfold Admin

This skill helps you configure and customize Django Unfold admin interfaces, boosting productivity with streamlined model admins, dashboards, and advanced

djangobackendtailwind0xdarkmatter

Frontend Development

🎨 Uni Helper

This skill helps you accelerate uni-app development by guiding integration of uni-helper Vite plugins, libraries, and utilities.

frontendtypescriptvueuni-helper

Frontend Development

📋 Uniapp

用于编辑 .vue 文件、创建 uni-app 组件、编写 composables - 提供 Composition API 模式、props/emits 最佳实践、VueUse 集成以及响应式解构指导

uni-helperworkflowuni-helper

Developer Workflow

🎨 Uniapp Frontend Skills

This skill helps you scaffold uni-app projects with Vue 3 + TypeScript, configure themes, and integrate UI libraries across platforms.

frontenddocsproductivityenze00

Frontend Development

🎨 Unicon

This skill helps you manage Unicon icons across React, Vue, Svelte projects, generating tree-shakeable components and bundles from the icon library.

frontendcliproductivitywebrenew

Frontend Development

🧪 Unicon Mcp

This skill helps you configure and troubleshoot Unicon MCP server connections for Claude Desktop, Cursor, and other clients.

backenddevopsdebuggingwebrenew

Testing & QA

🐛 Unified Execute With File

This skill orchestrates JSON-driven task execution from a .task directory, validates, runs serially, and tracks progress with convergence verification.

cliscriptingdatacatlog22

Debugging

📋 Unifuncs Deep Search

This skill enables fast, comprehensive deep search using UniFuncs API to retrieve thorough information across topics.

apiaidataunifuncs

Developer Workflow

📋 Uniswap

Trade and interact with Uniswap in Python using Ape and the uniswap-sdk package.

apeworxworkflowapeworx

Developer Workflow

🛡️ Uniswapv4 Hooks Skill

This skill helps you securely develop Uniswap v4 hooks by enforcing access control, delta accounting, and router verification to prevent rug pulls.

securitytestingcode-reviewigoryuzo

Security

🐛 Unity Compile Fixer

This skill automatically diagnoses Unity C# compilation errors from VSCode, suggests fixes, and prepares changes for safe approval.

debuggingscriptinggitdev-gom

Debugging