UI Components

Code-based UI component generation and styling

Showing 1393-1416 of 8624 skills
Prat011

domain-name-brainstormer

by Prat011

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Code Review 1.8K 12mo ago
Prat011

brand-guidelines

by Prat011

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Design 1.8K 12mo ago
av

remotion-bits

by av

Animation components and utilities for Remotion video projects. Use when building Remotion compositions with text animations, gradient transitions, particle effects, 3D scenes, or staggered motion effects. Provides example bits (complete compositions) and reusable components that can be installed via jsrepo.

Animation 497 8mo ago
nahisaho

project-manager

by nahisaho

Copilot agent that assists with project planning, scheduling, risk management, and progress tracking for software development projects Trigger terms: project management, project plan, WBS, Gantt chart, risk management, sprint planning, milestone tracking, project timeline, resource allocation, stakeholder management Use when: User requests involve project manager tasks.

Automation 79 10mo ago
nahisaho

system-architect

by nahisaho

Copilot agent that assists with architecture design, C4 model diagrams, ADR creation, and tradeoff analysis Trigger terms: architecture, system design, C4 model, ADR, architecture decision, design patterns, component design, architecture diagram, microservices, monolith, scalability Use when: User requests involve system architect tasks.

API Dev 79 10mo ago
nahisaho

ui-ux-designer

by nahisaho

Copilot agent that assists with user interface and experience design, wireframes, prototypes, design systems, and usability testing Trigger terms: UI design, UX design, wireframe, mockup, prototype, user interface, user experience, design system, component library, accessibility, responsive design Use when: User requests involve ui ux designer tasks.

Accessibility 79 10mo ago
nahisaho

database-schema-designer

by nahisaho

Copilot agent for database schema design, ER diagrams, normalization, DDL generation, and performance optimization Trigger terms: database design, schema design, ER diagram, normalization, DDL, database modeling, relational database, NoSQL design, data modeling, migration plan Use when: User requests involve database schema designer tasks.

Code Gen 79 11mo ago
nahisaho

software-developer

by nahisaho

software-developer skill Trigger terms: implement, code, development, programming, coding, build feature, create function, write code, SOLID principles, clean code, refactor Use when: User requests involve software developer tasks.

Auth 79 10mo ago
romiluz13

brainstorming

by romiluz13

"Internal skill. Use cc10x-router for all development tasks."

Testing 166 8mo ago
yunshu0909

项目目录地图构建器

by yunshu0909

云舒精选的 Claude Code Skills 集合,提升开发和产品管理效率

UI Components 785 8mo ago
SikandarJODD

motion-sv

by SikandarJODD

Documentation and patterns for using motion-sv, a Svelte 5 port of Motion (Framer Motion). Use this when the user wants animations, gestures, or transitions in Svelte.

Animation 360 8mo ago
BankrBot

onchainkit

by BankrBot

Build onchain applications with React components and TypeScript utilities from Coinbase's OnchainKit. Use when users want to create crypto wallets, swap tokens, mint NFTs, build payments, display blockchain identities, or develop any onchain app functionality. Supports wallet connection, transaction building, token operations, identity management, and complete onchain app development workflows.

Code Gen 1.2K 9mo ago
mohn93

community-ff-mcp

by mohn93

Teaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing, and settings. Triggers on: FlutterFlow, FF YAML, FF page, FF component, FF widget, FF theme, FF project.

Code Gen 9 8mo ago
conorluddy

ios-testing-patterns

by conorluddy

XCTest and XCUITest execution workflows and flaky test detection patterns

Processing 186 11mo ago
conorluddy

ui-automation-workflows

by conorluddy

Accessibility-first UI automation using IDB. Query accessibility tree (fast, 50 tokens) before screenshots (slow, 170 tokens). Use when automating simulator interactions, tapping UI elements, finding buttons, or testing user flows. Covers idb-ui-describe, idb-ui-tap, idb-ui-find-element patterns.

Accessibility 186 11mo ago
DaveSkender

vitepress

by DaveSkender

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

Docs Gen 1.3K 8mo ago
DaveSkender

indicator-catalog

by DaveSkender

Create and register indicator catalog entries for automation. Use for Catalog.cs files, CatalogListingBuilder patterns, parameter/result definitions, and PopulateCatalog registration.

Code Gen 1.3K 8mo ago
studyzy

openspec-explore

by studyzy

进入探索模式 - 一个用于探索想法、调查问题和澄清需求的思考伙伴。当用户想要在进行更改之前或期间深入思考某事时使用。

Auth 10.5K 8mo ago
markdown-viewer

infocard

by markdown-viewer

Create editorial-style information cards using HTML/CSS embedded directly in Markdown. Best for knowledge summaries, data highlights, topic overviews, event announcements, and content cards with magazine-quality typography and layout. NOT for architecture diagrams (use architecture), flowcharts (use mermaid), or data visualization (use vega).

Academic 3.4K 6mo ago
novuhq

react-email

by novuhq

Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.

Code Gen 40.2K 8mo ago
guia-matthieu

ux-sound-design

by guia-matthieu

"Create functional and emotionally resonant audio for digital products using Audio UX methodology—from notification sounds to complete sonic systems. Use when: Designing notification sounds for an app; Creating a complete audio system for a digital product; Adding audio feedback to UI interactions; Building accessible audio cues; Defining audio guidelines for product teams"

Automation 150 8mo ago
pchalasani

voice-update

by pchalasani

This skill should be used when the agent needs to give a spoken voice update to the user, or when reminded by a Stop hook to provide audio feedback. Use this skill to speak a short summary of what was accomplished.

Automation 2K 9mo ago
hatayama

uloop-get-hierarchy

by hatayama

"Get Unity Hierarchy structure. Use when: inspecting scene structure, exploring GameObjects, checking parent-child relationships, or when user asks about hierarchy. Returns the scene's GameObject tree with components."

CLI Tools 584 8mo ago
alexei-led

looking-up-docs

by alexei-led

Library documentation via Context7. Use for API references, code examples, framework docs.

API Dev 38 9mo ago