UI Components

Code-based UI component generation and styling

Showing 6025-6048 of 7933 skills

frontend-technologies

by pluginagentmarketplace

Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications, optimizing UI performance, or learning frontend frameworks.

Responsive 1 5mo ago

neuro-architect-prd

by scottymcandrew

Senior Full-Stack Product Architect specialising in AuDHD-optimised software design. Use when creating PRDs for neurodivergent-friendly applications, visual learning tools, productivity apps for executive dysfunction, or any product targeting users with ADHD/ASD traits. Triggers on requests for PRDs, product specs, app architecture for visual learners, friction-free UX design, or dopamine-driven feature planning.

Code Gen 1 4mo ago

information-architecture

by teslasoft-de

Design information structures, navigation systems, and content organization. Use for sitemaps, taxonomies, navigation patterns, content modeling, and findability optimization. Keywords: IA, sitemap, taxonomy, navigation, content model, card sorting, tree testing, headless CMS, faceted navigation, labeling system, content organization.

SEO 1 4mo ago

cui-css

by cuioss

Modern CSS standards covering essentials, responsive design, quality practices, and tooling for CUI projects

Accessibility 1 7mo ago

ant-to-shadcn-migration

by uzhussain

"Migrate Ant Design UIs to shadcn/ui + Tailwind (React/CRA/Vite → Next.js App Router). Use for: component replacement (no wrappers), Tailwind-first styling, canonical component consolidation, global CSS cleanup, route/layout scaffolding, and migration gotchas."

Accessibility 1 4mo ago

base-ui

by noklip-io

Base UI reference and workflows for @base-ui/react (unstyled, accessible React components, composition utilities, and form helpers). Use when implementing Base UI components, portals, styling/state hooks, render-prop composition, eventDetails customization, animations, forms/validation, TypeScript typing, CSP/RTL utilities, or checking Base UI docs, issues, or releases.

Animation 1 4mo ago

beauty-normal-step3

by Within-7

"JSON data generation and HTML rendering. Automatically invoked during step 3 of the beauty-normal command to convert slide content into JSON data structure and generate JSON-driven McKinsey-style HTML files, including CSS styles, JSON data, and JavaScript rendering logic. JSON数据生成与HTML渲染。在beauty-normal命令的步骤3执行时自动调用，将幻灯片内容转换为JSON数据结构，并生成JSON驱动的McKinsey风格HTML文件，包含CSS样式、JSON数据和JavaScript渲染逻辑。"

Processing 1 4mo ago

vue-typescript

by pluginagentmarketplace

Master Vue TypeScript - Type-safe Components, Generics, Type Inference, Advanced Patterns

Processing 1 5mo ago

frontend-to-backend-requirements

by cachemoney

Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.

Processing 1 3mo ago

voop

by yemyat

Upload files to the web instantly and get a public URL. Use when the user asks to share a file online, publish a file to the web, get a public link for a file, upload HTML/images/PDFs to share, or needs a quick way to make any local file publicly accessible. Trigger phrases include "upload this", "share this file", "publish to web", "get a public URL", "make this accessible online".

Cloud 1 4mo ago

knowledge-base

by Dwsy

专业的知识库管理系统，旨在解决“知识诅咒”和认知偏差问题。通过显式化隐性知识、扫描代码提取领域概念、整合行业最佳实践，构建结构化的 Markdown 知识库。

Agents 1 5mo ago

build

by AhmedHamadto

Prompt enhancer — takes a simple one-liner and expands it into a detailed professional specification, then executes it. Use like /build Create me a REST API for a todo app.

Animation 1 3mo ago

draw-io

by cachemoney

draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.

Processing 1 3mo ago

prd

by bowentan

"Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."

Automation 1 4mo ago

react-devtools

by skylarbarrera

Debug React apps by inspecting runtime state, props, hooks, and renders

Code Review 1 4mo ago

code-comprehension-quiz

by Haroutkhac

Test user understanding of code changes and explanations. Generates adaptive multiple-choice quizzes. Only triggers on explicit request - when user says "quiz me", "test my understanding", or "/quiz". Does NOT auto-trigger.

Code Review 1 4mo ago

fusion-camera

by peytoncasper

Control the Fusion 360 viewport camera, take screenshots, and export designs. Use when the user asks to change the view, orbit, zoom, pan, take a screenshot, capture an image, save a render, or export to STL/STEP/IGES/F3D.

CLI Tools 1 3mo ago

opentui

by sarfraznawaz2005

Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. Use for any TUI development task including components, layout, keyboard handling, animations, and testing.

API Dev 1 4mo ago

client-typescript-react-reviewer

by lqsyyy

"Expert code reviewer for TypeScript + React 17 applications. Use when reviewing React code, identifying anti-patterns, evaluating Redux + Saga state management, or assessing code maintainability. Triggers: code review requests, PR reviews, React architecture evaluation, identifying code smells, TypeScript type safety checks, useEffect abuse detection, Redux/Saga pattern review."

Code Review 1 4mo ago