UI Components

Code-based UI component generation and styling

Showing 841-864 of 8624 skills
srbhr

full-stack

by srbhr

Full-stack development skill that coordinates backend and frontend changes together. Use for features that span both layers: new API endpoint + UI, data model changes, end-to-end flows.

API Dev 28.9K 8mo ago
ChromeDevTools

a11y-debugging

by ChromeDevTools

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

Accessibility 54.2K 8mo ago
EveryInc

frontend-design

by EveryInc

This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality. It applies when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Animation 25.7K 10mo ago
HoangNguyen0403

Components

by HoangNguyen0403

Standards for Standalone Components, Signals inputs, and Control Flow.

Code Gen 582 9mo ago
SalesforceCommerceCloud

b2c-business-manager-extensions

by SalesforceCommerceCloud

Create Business Manager extension cartridges for B2C Commerce. Use when building admin tools, BM menu items, or custom BM pages (bm_* cartridges). Covers bm_extensions.xml, menu items, dialog actions, and form extensions.

Analytics 56 8mo ago
HoangNguyen0403

State Management

by HoangNguyen0403

Signals-based state management and NgRx Signal Store.

Code Gen 582 9mo ago
HoangNguyen0403

SSR (Server-Side Rendering)

by HoangNguyen0403

Hydration, TransferState, and Prerendering standards.

Processing 582 9mo ago
zard-ui

angular-ssr

by zard-ui

Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.

API Dev 1.2K 8mo ago
zard-ui

angular-routing

by zard-ui

Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes, route-based data loading, and nested routing. Triggers on route configuration, adding authentication guards, implementing lazy loading, or reading route parameters with signals.

Processing 1.2K 8mo ago
HoangNguyen0403

Android Persistence

by HoangNguyen0403

Standards for Room Database and DataStore

Database 582 9mo ago
HoangNguyen0403

Android State Management

by HoangNguyen0403

Standards for ViewModel, StateFlow, and UI State Patterns

Code Gen 582 9mo ago
HoangNguyen0403

Architecture

by HoangNguyen0403

Standards for Angular project structure, feature modules, and lazy loading.

Docker 582 9mo ago
HoangNguyen0403

Android Jetpack Compose

by HoangNguyen0403

Standards for high-performance Declarative UI and State Hoisting.

Docker 582 8mo ago
HoangNguyen0403

Angular Component Expert

by HoangNguyen0403

Standards for OnPush components and strict Signals usage.

Code Gen 582 8mo ago
HoangNguyen0403

Angular Style Guide

by HoangNguyen0403

Naming conventions, file structure, and coding standards for Angular projects.

Design 582 9mo ago
phuryn

competitive-battlecard

by phuryn

"Create sales-ready competitive battlecards comparing your product against a specific competitor — positioning, feature comparison, objection handling, and win/loss patterns. Use when preparing sales teams, creating competitive materials, or responding to 'why not competitor X?'"

Code Gen 27.4K 7mo ago
HoangNguyen0403

Global Best Practices

by HoangNguyen0403

Universal principles for clean, maintainable, and robust code across all environments.

Monitoring 582 8mo ago
phuryn

growth-loops

by phuryn

"Identify growth loops (flywheels) for sustainable traction. Evaluates 5 loop types: Viral, Usage, Collaboration, User-Generated, and Referral. Use when designing growth mechanisms, building product-led traction, or understanding how growth loops work."

Code Gen 27.4K 7mo ago
HoangNguyen0403

Android Performance

by HoangNguyen0403

Standards for Baseline Profiles, Startup Time, and UI Rendering

Code Gen 582 9mo ago
phuryn

wwas

by phuryn

"Create product backlog items in Why-What-Acceptance format — independent, valuable, testable items with strategic context. Use when writing structured backlog items, breaking features into work items, or using the WWA format."

Code Gen 27.4K 7mo ago
HoangNguyen0403

Performance

by HoangNguyen0403

Optimization techniques including OnPush, @defer, and Image Optimization.

Code Gen 582 9mo ago
HoangNguyen0403

Testing

by HoangNguyen0403

Standards for Component Test Harnesses and TestBed.

Code Gen 582 9mo ago
bmad-code-org

bmad-os-diataxis-style-fix

by bmad-code-org

Fixes documentation to comply with Diataxis framework and BMad Method style guide rules. Use when user asks to check or fix style of files under the docs folder.

Debugging 54.5K 8mo ago
HoangNguyen0403

Android Architecture

by HoangNguyen0403

Standards for Clean Architecture, Modularization, and Unidirectional Data Flow

Processing 582 9mo ago