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,...
Skills matching the name, description or GitHub author.
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,...
Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validatio...
Deploy and manage otel-ui React application with OAuth2 authentication. Covers version updates, authentication fixes, Docker builds, and GitOps deployments to k8s-pi5-cluster.
Use when a complete implementation plan is provided to execute in controlled batches with review checkpoints - ensures synchronization between Java 21 backend (MapStruct/Flyway) and React/Angular frontend befor...
Use when design is complete and you need detailed implementation tasks for engineers with zero codebase context - creates comprehensive full-stack implementation plans with exact file paths, complete code examp...
Use when refactoring functions, extracting helpers, splitting large files, improving naming conventions, or reducing complexity. Use when functions exceed 30 lines, have too many parameters, or contain magic nu...
Convert Google Stitch HTML exports into reusable shadcn/ui React components. Use when user provides HTML file paths exported from stitch.withgoogle.com and needs TypeScript React components with CVA variants, p...
Use when creating or modifying code in frontend/. Covers React components, hooks, API clients, and TypeScript code. All frontend changes require lint, typecheck, and build verification before completion.
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
Enforce code quality standards using ESLint and Prettier for the React/Vite ecosystem.
Fetch up-to-date library documentation via Context7 API. Use PROACTIVELY when: (1) Working with ANY external library (React, Next.js, Supabase, etc.) (2) User asks about library APIs, patterns, or best practice...
Convert Google Stitch HTML exports into reusable shadcn/ui React components. Use when user provides an HTML file path exported from stitch.withgoogle.com and needs TypeScript React components with CVA variants,...
Use when you need to control Discord from Clawdbot via the discord tool: send messages, react, post or upload stickers, upload emojis, run polls, manage threads/pins/search, create/edit/delete channels and cate...
Event routing with Azure Event Grid. Configure topics, subscriptions, event handlers, and dead-lettering. Use for event-driven architectures, serverless triggers, and reactive systems on Azure.
Extract and work with ZIP archives. Use this skill when handling .zip files to list contents, extract files, or process archived data.
Reactive types, HTTP clients, and non-blocking patterns.
Mutiny reactive types, reactive routes, and non-blocking I/O.
Create effective data visualizations with React charting libraries. Covers chart selection, Recharts, Chart.js, D3.js basics, real-time data, accessible charts, and color palettes. Use for charts, graphs, dashb...
Read and extract content from PDF files. Use this skill when working with PDF documents to extract text, tables, or structured data.
Build AI agents with SpoonReactMCP. Use when creating custom agents, configuring tool chains, designing system prompts, or implementing concurrent agent patterns.
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mob...
Expert skill for building secure, scalable, enterprise-grade React frontend applications using Vite, TanStack Query & Router, TakeOff UI components, and Tailwind CSS. Use this skill when creating new React proj...
Build full-stack AI agents using Google ADK (Agent Development Kit) with CopilotKit frontend via AG-UI protocol. Use when building production-ready AI agents with Gemini models, multi-tool agents, human-in-the...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.