- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
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.
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."
plan_review
by VitaDynamics
Get feedback from specialized reviewers on plans before implementation
guardrailx-scan
by k-kaundal
Provide secure coding guidance to prevent secrets, credentials, sensitive configuration, and PII exposure without inspecting or reproducing repository content.
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).
rams
by artivilla
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
A11y Auditor
by anorbert-cmyk
Accessibility Auditor and Frontend UX Engineer ensuring WCAG compliance and inclusive interactions.
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.
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 ..."
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.
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.
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.
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.
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.
Long-Form Manuscript Ingestion
by cschanhniem
Pages deploy is triggered from main.
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.
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.
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.
weibo_hotspot_analyzer
by violin86318
抓取微博热搜榜单,自动搜索背景信息,AI分析生成产品创意,输出HTML分析报告。用于微博热搜、热点分析、产品创意挖掘、热搜榜单分析、热点产品化场景。
Markdown to PDF Converter Skill
by yonggao
Marp Themes Gallery
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.
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.
maui-authentication
by Rimblehelm
A brief description of what this skill does
Monorepo Architecture
by tachfineamnay
Turborepo configuration, pnpm workspaces, and internal packages management for Lumira V2.