19,567 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
truman-t3/tinted-ui-tokens-skills
Skill Claude CodeCodex
A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.
pauloriveross/state-machine-skill
Skill Claude CodeCodex
Model UI component behavior as FSMs before writing code. Verbs: model (FSM from description → auto-prompt for code generation), audit (detect impossible states in existing code). Framework-agnostic, XState v5 compatible. Eliminates impossible states at design time.
Skill Claude Code
Angular Core UI executor for approved implementation in new or existing @sdcorejs/angular and @sd-angular/core apps, covering portal init, CRUD/list/detail/form/action scope, explicit technical prototypes, or approved migration. Optional admin/auth packs require approved scope. Do not use for plain Angular apps or…
Skill Claude Code
Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server actions (action.ts, actions.ts files, 'use server' directive), setting cookies from client components, and form…
nqchange96/flatsome-ai-coding-skill
Skill Claude CodeCodex
Comprehensive knowledge for building and customizing WordPress sites with the Flatsome theme by UX Themes. Use this skill whenever a project uses Flatsome, UX Builder, or mentions Flatsome shortcodes (uxbanner, uximage, row/col/section, uxproducts, etc.), Flatsome theme hooks/filters, UX Blocks, custom product pages…
Cursor rule Cursor
Site Clone AI — website klonlama pipeline kuralları.
Cursor rule Cursor
A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.
Cursor rule Cursor
Legend State v3 patterns for state management.
Cursor rule Cursor
Best practices for creating form components with React Hook Form and Zod.
Cursor rule Cursor
When designing a frontend or frontend components.
Cursor rule Cursor
WAVE frontend guardrails — applies to every file under client/.
Skill Claude CodeCodex
Initialize vowel.to voice agent in React applications (React 19+, Next.js, TanStack Router, React Router) with complete setup including adapters, providers, hooks, and custom actions. Use when setting up voice agent integration, configuring navigation adapters, implementing custom voice actions, or integrating state…
cheng-zuguang/design-for-beauty
Skill Claude CodeCodex
A design reference guide for building or restyling websites and user interfaces using documented examples from public websites.
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Skill Claude CodeCodex
A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.
Skill Claude CodeCodex
Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…
Skill Claude CodeCodex
How to implement internationalization (i18n) in React applications using react-i18next and i18next. Use this skill whenever the user wants to add multi-language support to a React app, translate UI content, set up i18next configuration, use the useTranslation hook, withTranslation HOC, Trans component, handle…
Skill Claude CodeCodex
Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems…
Skill Claude CodeCodex
Field bindings for mobx-formkit — default rewriter/template, custom bindings, $try utility, per-field mapping, and UI framework integration.
Skill Codex
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…
Skill Claude CodeCodex
Build terminal user interfaces (TUI) with the Python Textual framework. Use when the user wants to create a terminal app, TUI, CLI dashboard, interactive terminal tool, or any rich terminal interface using Python. Triggers on mentions of Textual, TUI, terminal UI, terminal app, terminal dashboard, ncurses alternative…
Skill Claude CodeCodex
Generates ZK Framework ZUL pages (.zul) through a structured 5-step workflow: requirements clarification, ZUL generation, validation, controller generation, and a rendered-image self-review. Every step also stands alone, so use this skill for a single step too — validating an existing .zul, writing the…
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
tapcartinc/tapcart-agent-skills
Plugin Claude Code
Bundles 2 skills · 134 tokens together
AI agent skills for managing Tapcart blocks, components, dependencies, auth, and more via the Tapcart CLI.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: