UI Components

Code-based UI component generation and styling

Showing 721-744 of 7996 skills
windmill-labs

svelte-frontend

by windmill-labs

Svelte coding guidelines for the Windmill frontend. MUST use when writing or modifying code in the frontend directory.

Automation 17.2K 5mo ago
Jeffallan

rails-expert

by Jeffallan

Use when building Rails 7+ web applications with Hotwire, real-time features, or background job processing. Invoke for Active Record optimization, Turbo Frames/Streams, Action Cable, Sidekiq.

Database 10.7K 5mo ago
zebbern

HTML Injection Testing

by zebbern

This skill should be used when the user asks to "test for HTML injection", "inject HTML into web pages", "perform HTML injection attacks", "deface web applications", or "test content injection vulnerabilities". It provides comprehensive HTML injection attack techniques and testing methodologies.

API Dev 4.4K 6mo ago
mckinsey

dashboard-design

by mckinsey

USE THIS SKILL FIRST when user wants to create and design a dashboard, ESPECIALLY Vizro dashboards. This skill enforces a 3-step workflow (requirements, layout, visualization) that must be followed before implementation. For implementation and testing, use the dashboard-build skill after completing Steps 1-3.

Analytics 3.8K 6mo ago
rolldown

tsdown

by rolldown

Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.

Processing 4.2K 4mo ago
PBH-BTN

openspec-onboard

by PBH-BTN

Guided onboarding for OpenSpec - walk through a complete workflow cycle with narration and real codebase work.

Automation 6.1K 5mo ago
PBH-BTN

openspec-verify-change

by PBH-BTN

Verify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.

File Ops 6.1K 5mo ago
PBH-BTN

openspec-onboard

by PBH-BTN

Guided onboarding for OpenSpec - walk through a complete workflow cycle with narration and real codebase work.

Automation 6.1K 5mo ago
Jeffallan

cli-developer

by Jeffallan

Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for CLI design, argument parsing, interactive prompts, progress indicators, shell completions.

CLI Tools 10.7K 5mo ago
Jeffallan

fullstack-guardian

by Jeffallan

Use when implementing features across frontend and backend, building APIs with UI, or creating end-to-end data flows. Invoke for feature implementation, API development, UI building, cross-stack work.

API Dev 10.7K 5mo ago
databricks-solutions

databricks-python-sdk

by databricks-solutions

"Databricks development guidance including Python SDK, Databricks Connect, CLI, and REST API. Use when working with databricks-sdk, databricks-connect, or Databricks APIs."

API Dev 1.8K 5mo ago
SynkraAI

aiox-ux-design-expert

by SynkraAI

UX/UI Designer & Design System Architect (Uma). Complete design workflow - user research, wireframes, design systems, token extraction, component building, and quality assurance

Agents 3.1K 4mo ago
bitwarden

implementing-android-code

by bitwarden

This skill should be used when implementing Android code in Bitwarden. Covers critical patterns, gotchas, and anti-patterns unique to this codebase. Triggered by "How do I implement a ViewModel?", "Create a new screen", "Add navigation", "Write a repository", "BaseViewModel pattern", "State-Action-Event", "type-safe navigation", "@Serializable route", "SavedStateHandle persistence", "process death recovery", "handleAction", "sendAction", "Hilt module", "Repository pattern", "implementing a screen", "adding a data source", "handling navigation", "encrypted storage", "security patterns", "Clock injection", "DataState", or any questions about implementing features, screens, ViewModels, data sources, or navigation in the Bitwarden Android app.

Code Gen 9.1K 4mo ago
redpanda-data

tanstack-router-migration

by redpanda-data

"Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or mentions 'migrate router', 'tanstack router', 'file-based routes'."

File Ops 4.3K 6mo ago
posit-dev

brand-yml

by posit-dev

Create and use brand.yml files for consistent branding across Shiny apps and Quarto documents. Use when working with brand styling, colors, fonts, logos, or corporate identity in Shiny or Quarto projects. Covers: (1) Creating new _brand.yml files from brand guidelines, (2) Applying brand.yml to Shiny for R apps with bslib, (3) Applying brand.yml to Shiny for Python apps with ui.Theme, (4) Using brand.yml in Quarto documents, presentations, dashboards, and PDFs, (5) Modifying existing brand.yml files, (6) Troubleshooting brand integration issues. Includes complete specifications and framework-specific integration guides.

Design 443 5mo ago
PBH-BTN

openspec-explore

by PBH-BTN

Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.

Auth 6.1K 5mo ago
safaiyeh

app-store-review

by safaiyeh

Evaluates code against Apple's App Store Review Guidelines. Use this skill when reviewing iOS, macOS, tvOS, watchOS, or visionOS app code (Swift, Objective-C, React Native, or Expo) to identify potential App Store rejection issues before submission. Triggers on tasks involving app review preparation, compliance checking, or App Store submission readiness.

Code Review 234 6mo ago
raphaelmansuy

copilotkit-nextjs-integration

by raphaelmansuy

Integrate CopilotKit AI components into Next.js frontend for building agentic UIs. Enables context-aware AI agents that can read app state and trigger tools/actions. Supports custom adapters for self-hosted LLMs and multiple provider integrations.

Prompts 2K 5mo ago
elie222

page-structure

by elie222

Page structure

Code Gen 11.7K 5mo ago
google-gemini

code-reviewer

by google-gemini

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

Code Review 106.1K 6mo ago
wdm0006

documenting-python-libraries

by wdm0006

Creates comprehensive Python library documentation including Google-style docstrings, Sphinx setup, API references, tutorials, and ReadTheDocs configuration. Use when writing docstrings, setting up Sphinx documentation, or creating user guides for Python libraries.

API Dev 67 5mo ago
jau123

creative-toolkit

by jau123

Generate images from text with multi-provider routing — supports Nanobanana Pro, GPT Image, Seedream, and local ComfyUI workflows. Includes 1,300+ curated prompts and style-aware prompt enhancement. Use when users want to create images, design assets, enhance prompts, or manage AI art workflows.

Docker 1.6K 5mo ago
elie222

write-tests

by elie222

Write focused unit tests for backend and utility logic

Debugging 11.7K 4mo ago
modu-ai

moai-domain-frontend

by modu-ai

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.

Design 1.1K 5mo ago