UI Components

Code-based UI component generation and styling

Showing 2161-2184 of 7933 skills
OpenAEC-Foundation

erpnext-syntax-jinja

by OpenAEC-Foundation

Deterministic Jinja template syntax for ERPNext/Frappe Print Formats, Email Templates, and Portal Pages

Docs Gen 129 5mo ago
huifer

mental-health-analyzer

by huifer

分析心理健康数据、识别心理模式、评估心理健康状况、提供个性化心理健康建议。支持与睡眠、运动、营养等其他健康数据的关联分析。

Processing 878 4mo ago
huifer

mental-health-analyzer

by huifer

分析心理健康数据、识别心理模式、评估心理健康状况、提供个性化心理健康建议。支持与睡眠、运动、营养等其他健康数据的关联分析。

Processing 878 5mo ago
huifer

emergency-card

by huifer

生成紧急情况下快速访问的医疗信息摘要卡片。当用户需要旅行、就诊准备、紧急情况或询问"紧急信息"、"医疗卡片"、"急救信息"时使用此技能。提取关键信息(过敏、用药、急症、植入物),支持多格式输出(JSON、文本、二维码),用于急救或快速就医。

Processing 878 4mo ago
qdhenry

file-watcher

by qdhenry

Chokidar-based file watcher that triggers claude -p on changes. Useful for automated AI reactions to file changes — design sync, code validation, config regeneration, etc.

File Ops 1.3K 3mo ago
auth0

auth0-nextjs

by auth0

Use when adding authentication to Next.js applications with both server and client-side auth - supports App Router and Pages Router with @auth0/nextjs-auth0 SDK

Auth 31 4mo ago
auth0

auth0-quickstart

by auth0

Use when starting Auth0 integration in any framework - detects your stack (React, Next.js, Vue, Angular, Express, React Native) and routes to correct SDK setup workflow

Auth 31 4mo ago
shipshitdev

advanced-evaluation

by shipshitdev

Master LLM-as-a-Judge evaluation techniques including direct scoring, pairwise comparison, rubric generation, and bias mitigation. Use when building evaluation systems, comparing model outputs, or establishing quality standards for AI-generated content.

ML Ops 28 5mo ago
knoopx

scraping

by knoopx

Fetches web pages, parses HTML with CSS selectors, calls REST APIs, and scrapes dynamic content. Use when extracting data from websites, querying JSON APIs, or automating browser interactions.

API Dev 58 4mo ago
knoopx

eslint

by knoopx

Lints JavaScript and TypeScript code, configures rules, and fixes issues automatically. Use when linting code, fixing style issues, configuring eslint.config.js, or enforcing code quality standards.

Linting 58 4mo ago
workos

workos-authkit-vanilla-js

by workos

Integrate WorkOS AuthKit with vanilla JavaScript applications. No framework required, browser-only. Use when project is plain HTML/JS, doesn't use React/Vue/etc, or mentions vanilla JavaScript authentication.

Caching 35 4mo ago
qdhenry

Claude-Command-Suite

by qdhenry

```

Animation 1.3K 3mo ago
tddworks

ios-ux-prototype

by tddworks

Create interactive iOS/mobile app UX flow prototypes as HTML documents with realistic phone mockups. Use when: (1) Visualizing user journeys and navigation flows, (2) Creating mobile app wireframes, (3) Documenting screen-to-screen navigation patterns, (4) Presenting iOS UI designs with annotations, (5) Prototyping app architecture before implementation. Generates self-contained HTML files with iOS-native styling, phone frames, flow arrows, and callout annotations.

Comments 35 5mo ago
mapbox

mapbox-data-visualization-patterns

by mapbox

Patterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types, color scales, and performance optimization.

Processing 65 4mo ago
maroffo

apple-swift

by maroffo

"Apple platform development with Swift 6, SwiftUI, async/await, and performance. Use when working with .swift files, Package.swift, Xcode projects, or building for iOS/macOS/watchOS/visionOS."

Debugging 15 4mo ago
maroffo

react-nextjs

by maroffo

"React 19 + Next.js 16 App Router development. Use when working with .tsx/.jsx files, next.config, or user asks about Server Components, data fetching, state management, forms, or React testing."

Processing 15 4mo ago
maroffo

ios-debugger

by maroffo

"Build, run, and debug iOS apps via CLI without Xcode UI. Use when user wants to build iOS app, run on simulator, capture logs, take screenshots, or automate simulator interactions."

CLI Tools 15 4mo ago
maroffo

android-kotlin

by maroffo

"Android development with Kotlin 2.x, Jetpack Compose, Clean Architecture, and performance. Use when working with .kt files, build.gradle.kts, AndroidManifest.xml, or Compose UI."

Docker 15 4mo ago
rysweet

chemist-analyst

by rysweet

Analyzes events through chemistry lens using molecular structure, reaction mechanisms, thermodynamics, kinetics, and analytical techniques (spectroscopy, chromatography, mass spectrometry). Provides insights on chemical processes, material properties, reaction pathways, synthesis, and analytical methods. Use when: Chemical reactions, material analysis, synthesis planning, process optimization, environmental chemistry. Evaluates: Molecular structure, reaction mechanisms, yield, selectivity, safety, environmental impact.

Processing 65 5mo ago
rysweet

engineer-analyst

by rysweet

Analyzes technical systems and problems through engineering lens using first principles, systems thinking, design methodologies, and optimization frameworks. Provides insights on feasibility, performance, reliability, scalability, and trade-offs. Use when: System design, technical feasibility, optimization, failure analysis, performance issues. Evaluates: Requirements, constraints, trade-offs, efficiency, robustness, maintainability.

Database 65 5mo ago
ynulihao

data-visualization

by ynulihao

"Creates effective data visualizations using various libraries and tools, with focus on clarity and insight communication. Trigger keywords: chart, graph, plot, visualization, dashboard, matplotlib, d3, plotly, visualization."

Analytics 428 4mo ago
auth0

auth0-migration

by auth0

Use when migrating from existing auth providers (Firebase, Cognito, Supabase, custom auth) to Auth0 - covers bulk user import, gradual migration strategies, code migration patterns, and JWT validation updates

Auth 31 4mo ago
auth0

auth0-react

by auth0

Use when adding authentication to React applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-react SDK for SPAs with Vite or Create React App

Auth 31 4mo ago
iliaal

react-frontend

by iliaal

React, TypeScript, and Next.js patterns for frontend development. Use when building React components, managing state, fetching data, optimizing performance, or working with Next.js App Router. Covers React 18-19, hooks, Server Components, and type-safe patterns.

Processing 22 3mo ago