ai-agents-ui-skills
1801Skill Claude CodeCodex
Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).
20,540 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.
Skill Claude CodeCodex
Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).
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 Codex
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
Form and field options for mobx-formkit — validation timing, error display, strict modes, debounce, data retrieval, and per-field overrides.
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.
Skill Claude CodeCodex
Use after visual-identity is complete and a build prompt exists (from audience-site-brief). Scaffolds a Vite + GSAP + Lenis project, implements the design system, builds all page sections with choreographed animations, sources images from Unsplash, and documents video slots for Replicate. Targets Awwwards-quality…
Skill Claude Code
React Hook Form patterns with Zod validation. Use when implementing forms, validation schemas, form state management, edit forms with unsaved changes, or array fields.
Plugin Claude Code
Bundles 6 skills, 6 commands, 1 agent · 564 tokens together
House coding conventions as self-contained agent-skills- skills, commands, and a reviewer agent for TypeScript/React/Next.js — adapt to each repo's layout and toolchain.
Skill Claude CodeCodex
Generate a complete, single-file HTML landing page for any product, service, or physical store. Input: a URL / text description + optional module selection. Output: a white, clean, responsive landing page saved as .html on the user's desktop. Automatically detects industry type (SaaS/tech, food-beverage/store…
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: