UI Components

Code-based UI component generation and styling

Showing 7345-7368 of 7905 skills
vandriesh

react-gradual-architecture

by vandriesh

Incremental React code organization guidelines. Start small, then extract when scanning and responsibilities start to blur. Use when creating features, organizing files, refactoring components, or deciding when to extract hooks, UI, or utils.

Processing 0 4mo ago
sm6592624

SKILL.md — AI-Based Enhanced E-Commerce Web App (Aura)

by sm6592624

"Skills & technologies mapped to code evidence for the Aura e-commerce React SPA."

Design 0 1mo ago
VitaDynamics

plan_review

by VitaDynamics

Get feedback from specialized reviewers on plans before implementation

Code Gen 0 4mo ago
k-kaundal

guardrailx-scan

by k-kaundal

Provide secure coding guidance to prevent secrets, credentials, sensitive configuration, and PII exposure without inspecting or reproducing repository content.

Processing 0 3mo ago
anegri93

create-new-project

by anegri93

Scaffold a production-ready Next.js (App Router) + TypeScript + Tailwind + shadcn/ui + Supabase (Postgres/Auth/Storage) boilerplate, deployable to Vercel. Includes Supabase migrations, RLS-ready multi-tenant schema, and example API routes (internal + external).

API Dev 0 3mo ago
artivilla

rams

by artivilla

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.

Accessibility 0 4mo ago
anorbert-cmyk

A11y Auditor

by anorbert-cmyk

Accessibility Auditor and Frontend UX Engineer ensuring WCAG compliance and inclusive interactions.

Accessibility 0 4mo ago
helincao

build

by helincao

Internal utility skill for regenerating site output. Use after any change to src/, _partials/, or site.config.json, or whenever another skill requires refreshed dist/ artifacts. Runs scripts/build.mjs from the installed skill directory.

Processing 0 3mo ago
yunaamelia

3d-web-experience

by yunaamelia

"Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing ..."

Processing 0 3mo ago
httprunner

android-adb

by httprunner

Android device control via raw ADB commands. Use for device/emulator discovery, USB or Wi-Fi connection, app launch/force-stop, tap/swipe/keyevent/text input, screenshots, UI hierarchy dump, and ADB troubleshooting.

CLI Tools 0 3mo ago
ShotaIuchi

design-standards

by ShotaIuchi

Standards compliance design analysis. Apply when evaluating design proposals for coding standards, architectural guidelines, organizational conventions, and consistency with existing patterns.

Code Review 0 3mo ago
FluxA-Agent-Payment

create-ppt-with-nano-banana

by FluxA-Agent-Payment

Create PowerPoint presentations with AI-generated images. Use when user wants to create a presentation, make slides, build a pptx, or needs AI images for slides using x402 payments.

Code Gen 0 3mo ago
iamkhan21

frontend-init

by iamkhan21

Standardizes an already-scaffolded frontend TypeScript web app with baseline tooling, structure, and conventions. Use when setting up or aligning pnpm + TypeScript strict + path aliases, Vitest, Oxc (oxlint/oxfmt), and a progressive FSD-style folder layout, or when the user asks about initial project rules and UI library choices.

Code Gen 0 3mo ago
david-evans03

expo-status-bar

by david-evans03

Diagnoses and fixes Expo/React Navigation status bar mismatches. Use when status bar text/icons are hard to read, not matching header/background, flickering between screens, or behaving unexpectedly with transparent headers and safe areas.

Linting 0 3mo ago
cschanhniem

Long-Form Manuscript Ingestion

by cschanhniem

Pages deploy is triggered from main.

File Ops 0 2mo ago
Kadajett

blecsd-tui

by Kadajett

Best practices and module map for blECSd, a modern TypeScript terminal UI library built on ECS (bitecs). Use when building, reviewing, or refactoring blECSd apps, widgets, systems, or ECS/game-loop code.

Types 0 3mo ago
Emerson1337

frontend-testing-best-practices

by Emerson1337

Testing best practices for the frontend. Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior over implementation details. Use when writing tests or reviewing test code.

Testing 0 3mo ago
janjaszczak

vanilla-web

by janjaszczak

Build or modify plain HTML/CSS/JavaScript (no framework) using modular ES modules (ESM), SRP, minimal global state, and shippable runnable files with lightweight verification. Use for static pages, small UI widgets, vanilla JS refactors, and quick prototypes without React/Vue/Angular.

Accessibility 0 4mo ago
violin86318

weibo_hotspot_analyzer

by violin86318

抓取微博热搜榜单,自动搜索背景信息,AI分析生成产品创意,输出HTML分析报告。用于微博热搜、热点分析、产品创意挖掘、热搜榜单分析、热点产品化场景。

API Dev 0 4mo ago
yonggao

Markdown to PDF Converter Skill

by yonggao

Marp Themes Gallery

CLI Tools 0 7mo ago
karchtho

bundle-maker

by karchtho

This skill should be used when the user asks to "create a bundle", "make a plugin", "build a Claude plugin", "create a skill bundle", "package skills", "add skills to a bundle", "create plugin.json", or wants to create comprehensive Claude Code plugins with skills, commands, agents, hooks, or MCP servers. Activates when creating plugin structures or bundling Claude capabilities.

CLI Tools 0 5mo ago
lumenharbor

garchi-render-content

by lumenharbor

Render and integrate content from Garchi CMS into an app/website (Next/Nuxt/Laravel/etc). This skill focuses on code architecture, fetching, and rendering. Content creation/management should be done via MCP tools or the CMS.

API Dev 0 3mo ago
Rimblehelm

maui-authentication

by Rimblehelm

A brief description of what this skill does

Auth 0 4mo ago
tachfineamnay

Monorepo Architecture

by tachfineamnay

Turborepo configuration, pnpm workspaces, and internal packages management for Lumira V2.

Database 0 4mo ago