UI Components

Code-based UI component generation and styling

Showing 1057-1080 of 7906 skills
Gentleman-Programming

sdd-apply

by Gentleman-Programming

Implement tasks from the change, writing actual code following the specs and design. Trigger: When the orchestrator launches you to implement one or more tasks from a change.

Automation 1.2K 3mo ago
ComposioHQ

Remotion Best Practices

by ComposioHQ

Use this skill when the user asks about creating videos with React, Remotion framework, programmatic video generation, video animations, or needs help with Remotion projects

Code Review 4.2K 4mo 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.1K 4mo ago
tsukumijima

add-new-setting-field

by tsukumijima

"【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要"

Code Gen 970 4mo ago
FradSer

brainstorming

by FradSer

This skill should be used when the user has a new idea, feature request, or ambiguous requirement. It clarifies needs, explores options, and produces a solid design document and BDD specs before implementation starts.

Agents 555 3mo ago
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.3K 7mo ago
Prat011

artifacts-builder

by Prat011

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

CLI Tools 1.3K 7mo ago
NeverSight

react-best-practices

by NeverSight

Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).

Database 158 4mo ago
NeverSight

remotion

by NeverSight

Use when generating or modifying Remotion video code, creating demo videos, or working with the demo-video/ directory

Code Review 158 3mo ago
NeverSight

tamagui-best-practices

by NeverSight

Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

Code Gen 158 4mo ago
cxuu

go-control-flow

by cxuu

Go control flow idioms from Effective Go. Covers if with initialization, omitting else for early returns, for loop forms, range, switch without fallthrough, type switch, and blank identifier patterns. Use when writing conditionals, loops, or switch statements in Go.

Debugging 109 4mo ago
FradSer

plugin-best-practices

by FradSer

Validates Claude Code plugins against architectural best practices for Agents, Skills, MCP, and Progressive Disclosure. Use when validating plugin structure, reviewing manifest files, checking frontmatter compliance, or verifying tool invocation patterns.

Agents 555 3mo ago
FradSer

build-like-iphone-team

by FradSer

This skill provides knowledge about Apple's Project Purple (2004-2007) and the five iPhone design principles, first-principles thinking, breakthrough technology, experience-driven specs, internal competition, and Purple Dorm isolation. Use when challenging industry conventions, approaching radical innovation, or when brainstorming skills encounter open-ended problems requiring disruptive thinking.

Academic 555 3mo ago
ComposioHQ

brand-guidelines

by ComposioHQ

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 4.2K 4mo ago
henkisdabro

react-best-practices

by henkisdabro

Comprehensive React and Next.js performance optimisation guide with 40+ rules for eliminating waterfalls, optimising bundles, and improving rendering. Use when optimising React apps, reviewing performance, or refactoring components.

Cloud 65 3mo ago
jpudysz

unistyles-v2-to-v3-migration

by jpudysz

Migrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration, variants, withUnistyles, Babel plugin setup, style spreading fixes, and third-party component wrapping.

Code Gen 2.9K 3mo ago
mikeyobrien

pdd

by mikeyobrien

Transforms a rough idea into a detailed design document with implementation plan. Follows Prompt-Driven Development — iterative requirements clarification, research, design, and planning.

Academic 2.9K 4mo ago
wwwzhouhui

公众号封面生成器

by wwwzhouhui

"根据主题和标题生成现代风格的公众号封面图,使用jimeng-mcp-server生成3D插画风格底图,叠加文字层生成HTML,并可选择性转换为高质量PNG/JPG图片"

API Dev 244 6mo ago
NeverSight

remotion

by NeverSight

Use when generating or modifying Remotion video code, creating demo videos, or working with the demo-video/ directory

Code Review 158 3mo 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.8K 3mo ago
aiskillstore

web-artifacts-builder

by aiskillstore

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

CLI Tools 343 4mo ago
NeverSight

web-fetch

by NeverSight

Fetches web content with intelligent content extraction, converting HTML to clean markdown. Use for documentation, articles, and reference pages http/https URLs.

CLI Tools 158 4mo ago
NeverSight

edgeone-pages-deploy

by NeverSight

Deploys static HTML to a public URL instantly with no authentication required. Use when asked to "host this", "deploy this site", "get a public link", "share this HTML", "quick deploy", "publish this page", or any request to make an HTML file publicly accessible via URL. Supports self-contained HTML files with inline CSS/JS.

CI/CD 158 4mo ago
NeverSight

Jira Project Management Skill

by NeverSight

A crawler script to fetch skill data from network, automatically executed daily via GitHub Actions.

API Dev 158 4mo ago