UI Components

Code-based UI component generation and styling

Showing 1009-1032 of 8237 skills
dadbodgeoff

design-tokens

by dadbodgeoff

Comprehensive design token system for typography, colors, and theming with WCAG AA compliance, TypeScript types, and framework integration (CSS-in-JS, Tailwind, CSS Variables).

Accessibility 784 6mo ago
bitwarden

writing-server-code

by bitwarden

Bitwarden server code conventions for C# and .NET. Use when working in the server repo, creating commands, queries, services, or API endpoints.

API Dev 137 7mo ago
SSShooter

Export Mind Map as Image

by SSShooter

Guide for exporting mind maps as images using @zumer/snapdom.

CLI Tools 3.1K 6mo ago
SSShooter

Customize Markdown

by SSShooter

Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.

Code Gen 3.1K 6mo ago
SSShooter

Streaming Mindmap Rendering

by SSShooter

Implement real-time streaming mindmap rendering using Mind Elixir in web applications. Supports streaming text parsing and incremental updates.

Code Gen 3.1K 6mo ago
nrwl

nx-plugins

by nrwl

Find and add Nx plugins. USE WHEN user wants to discover available plugins, install a new plugin, or add support for a specific framework or technology to the workspace.

Code Gen 1.4K 7mo 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 81 7mo ago
knoopx

jscpd

by knoopx

Finds duplicate code blocks and analyzes duplication metrics across files. Use when identifying copy-pasted code, measuring technical debt, or preparing for refactoring.

File Ops 81 7mo 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 81 6mo ago
knoopx

vitest

by knoopx

Writes and runs tests, configures test environments, mocks dependencies, and generates coverage reports. Use when setting up vitest.config.ts, writing test suites, mocking modules, or measuring code coverage.

Testing 81 6mo ago
huifer

emergency-card

by huifer

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

Processing 935 8mo ago
huifer

goal-analyzer

by huifer

分析健康目标数据、识别目标模式、评估目标进度,并提供个性化目标管理建议。支持与营养、运动、睡眠等健康数据的关联分析。

Processing 935 7mo ago
nrwl

nx-plugins

by nrwl

Find and add Nx plugins. USE WHEN user wants to discover available plugins, install a new plugin, or add support for a specific framework or technology to the workspace.

Code Gen 1.4K 7mo ago
marmelab

react-admin

by marmelab

This skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authentication, relationships between entities, custom pages, or any CRUD admin interface built with react-admin.

Auth 26.9K 6mo ago
CoWork-OS

frontend-design

by CoWork-OS

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). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Animation 440 7mo ago
CoWork-OS

vercel-react-native-skills

by CoWork-OS

React Native and Expo best practices for building performant mobile apps. Use

Animation 440 7mo ago
CoWork-OS

developer-growth-analysis

by CoWork-OS

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

Analytics 440 7mo ago
CoWork-OS

prd

by CoWork-OS

"Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."

Automation 440 7mo ago
CoWork-OS

code-reviewer

by CoWork-OS

Use this skill to review code. It supports both local changes (staged or working tree)

Code Review 440 7mo ago
mblode

audit-ui

by mblode

Audits web UI quality across accessibility, interaction, forms, typography, navigation, layout, performance, motion, and microcopy. Use when reviewing or refining frontend UI before merge or release, or when the user asks for a UI, UX, or accessibility audit.

Accessibility 84 7mo ago
breaking-brake

code-review-small

by breaking-brake

Quick code review for small PRs (<100 lines). Focuses on basic code quality, naming conventions, and obvious bugs.

Code Review 5.4K 8mo ago
LeoYeAI

openclaw-master-skills

by LeoYeAI

A curated index of 127+ high-quality OpenClaw skills sourced from the community — including skills for AI tools, productivity, marketing, frontend, mobile, backend, database, auth, DevOps, and web automation. Install individual skills via ClaWHub or clone the full collection from GitHub. Updated weekly by the MyClaw.ai team.

Auth 2.1K 6mo ago
secondsky

sapui5

by secondsky

This skill should be used when developing SAP UI5 applications, including creating freestyle apps, Fiori Elements apps, custom controls, testing, data binding, OData integration, routing, and troubleshooting. Use when building enterprise web applications with SAP UI5 framework, implementing MVC patterns, configuring manifest.json, creating XML views, writing controllers, setting up data models (JSON, OData v2/v4), implementing responsive UI with sap.m controls, building List Report or Object Page applications with Fiori Elements, writing unit tests with QUnit, integration tests with OPA5, setting up mock servers, handling security (XSS, CSP), optimizing performance, implementing accessibility features, or debugging UI5 applications. Also use when working with sap.ui.mdc (Metadata-Driven Controls) including MDC Table, MDC FilterBar, MDC Value Help, control delegates, PropertyInfo, TypeMap, VariantManagement, or developing TypeScript control libraries with @ui5/ts-interface-generator. Keywords: sapui5, ui5, openui5, sap ui5, ui5 framework, sapui5 framework, ui5 application, sapui5 app, ui5 development, sapui5 development, ui5 tooling, ui5 cli, Component.js, manifest.json, xml view, data binding, odata v2, odata v4, fiori elements, sap.m controls, mvc pattern, routing, navigation, qunit, opa5, testing, mock server, sap.ui.mdc, mdc table, typescript, accessibility, security, performance, ui5 inspector, ui5 troubleshooting

Accessibility 420 8mo ago
secondsky

sap-api-style

by secondsky

This skill provides comprehensive guidance for documenting SAP APIs following official SAP API Style Guide standards. It should be used when creating or reviewing API documentation for REST, OData, Java, JavaScript, .NET, or C/C++ APIs. The skill covers naming conventions, documentation comments, OpenAPI specifications, quality checklists, deprecation policies, and manual documentation templates. It ensures consistency with SAP API Business Hub standards and industry best practices. Keywords: SAP API, REST, OData, OpenAPI, Swagger, Javadoc, JSDoc, XML documentation, API Business Hub, API naming, API deprecation, x-sap-stateInfo, Entity Data Model, EDM, documentation tags, API quality, API templates

API Dev 420 8mo ago