- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
frontend-design
by ComposioHQ
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
senior-frontend
by ComposioHQ
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
refactor
by AccessLint
Accessibility refactoring specialist. Automatically fixes accessibility issues across multiple files. Performs complex refactoring like extracting accessible components, restructuring markup, and implementing proper ARIA patterns.
Set up an investigation
by talmolab
A deep learning framework for multi-animal pose tracking.
Jira Project Management Skill
by NeverSight
Curated high-quality AI Agent Skills. Search, install, copy and share.
theme-creation
by etewiah
Create new themes for PropertyWebBuilder. Use when creating custom themes, styling websites, or modifying theme templates. Handles theme registration, view templates, CSS, and asset configuration.
theme-evaluation
by etewiah
Evaluate themes for accessibility, contrast, and design issues. Use when auditing themes for WCAG compliance, checking color contrast ratios, or identifying visual/UX problems.
react-best-practices
by NeverSight
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).
anime-js
by Mindrally
Expert guidelines for building performant animations with Anime.js animation library
css
by Mindrally
Best practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable stylesheet architecture
cheerio-parsing
by Mindrally
Expert guidance for HTML/XML parsing using Cheerio in Node.js with best practices for DOM traversal, data extraction, and efficient scraping pipelines.
angular
by Mindrally
Expert in Angular TypeScript development with scalable, high-performance patterns
bootstrap
by Mindrally
Bootstrap development guidelines for responsive layouts, components, and utility-first styling.
backend-development
by Mindrally
Guidelines for backend development in C++ and Elixir/Phoenix, covering modern language features, best practices, and production-ready patterns.
blazor
by Mindrally
Guidelines for Blazor development including component lifecycle, state management, and performance optimization
design-systems
by Mindrally
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
convex
by Mindrally
Guidelines for developing with Convex backend-as-a-service platform, covering queries, mutations, actions, and real-time data patterns
beautifulsoup-parsing
by Mindrally
Expert guidance for HTML/XML parsing using BeautifulSoup in Python with best practices for DOM navigation, data extraction, and efficient scraping workflows.
design-evaluation-audit
by lyndonkl
Use when systematically evaluating existing designs for cognitive alignment, conducting design reviews or critiques, diagnosing usability issues, quality assurance before launch, or choosing between design alternatives with objective criteria. Invoke when user mentions design review, design critique, evaluate design, audit visualization, checklist, cognitive assessment, or usability evaluation.
c-sharp
by Mindrally
Guidelines for C# development including Blazor, Unity game development, and .NET backend best practices
android-development
by Mindrally
Android development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for building robust mobile applications
deep-learning
by Mindrally
Comprehensive deep learning guidelines for neural network development, training, and optimization.
cpp
by Mindrally
Guidelines for modern C++ development with C++17/20 standards, memory safety, and performance optimization
alpine-js
by Mindrally
Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.