UI Components

Code-based UI component generation and styling

Showing 7153-7176 of 7906 skills

brainstorming

by ederheisler

"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."

Code Gen 0 4mo ago

wunderpar-brand

by Kingly-Clark

Wunderpar brand guidelines for consistent styling across web projects. Use when building websites, landing pages, or micro apps for Wunderpar. Use with Lovable, v0, or other AI web builders. Provides colors, typography (including Fraunces display font), spacing, and border radii.

Code Gen 0 4mo ago

line-flex-message

by yangnim21029

Comprehensive guide and toolkit for creating advanced LINE Flex Messages with complex layouts, video integration, and implementing reliable API retry mechanisms with X-Line-Retry-Key. Use when creating sophisticated Bot UIs, handling high-load messaging, or designing robust communication layers for LINE.

Code Gen 0 3mo ago

uaa

by zap-studio

Universal Application Architecture (UAA) specification

Processing 0 3mo ago

comfyui-video-generator

by tippyentertainment

Generate short AI video clips (shots) using ComfyUI. This skill turns text prompts (and optional reference images) into 3–8 second scenes that can be stitched into longer “AI movies”.

Code Gen 0 3mo ago

shiploop

by VatsalEnpal

A senior engineer in a box. Listens, explores, plans, builds, verifies, and ships.

CLI Tools 2 1mo ago

nvda

by denis-skripnik

Practical workflow for creating, updating, debugging, and packaging NVDA add-ons from concrete feature requests. Use when working on global plugins, app modules, gestures, settings panels, manifests, build scripts, .nvda-addon packaging, or NVDA runtime failures during add-on development. Use this skill for /nvda requests about add-on development.

Agents 0 3mo ago

skills-manager

by nicmeriano

Manage your agent skills - save, clone, and install skills from GitHub. Use when user wants to save/bookmark a skill, clone a skill to customize, add/install a skill, list saved skills, or install all saved skills. Triggers on "save skill", "clone skill", "add skill", "install skill", "list skills", "unsave skill", "setup skills".

Agents 0 4mo ago

exam-curriculum-trainer

by PanchoK50

"Build and run exam-focused study systems for technical courses with lecture notes, exercises, and past exams. Use when a project contains mock exams, previous exams, exercise sheets, or lecture slides and the user wants: (1) a curriculum in the same structure as their SCML-style setup, (2) strong weighting toward previous exams and exercises over theory, and (3) strict interactive practice sessions with no-hint-first attempts, grading, weak-tag tracking, and retake loops."

Auth 0 3mo ago

accessible-web-dev

by rcgsheffield

"Build WCAG 2.1 AA compliant web applications for University of Sheffield. Covers semantic HTML, ARIA patterns, form accessibility, keyboard navigation, color contrast, alt text, captions, and automated testing. Use when creating websites, web apps, forms, interactive components, or auditing accessibility for WCAG compliance, screen readers, keyboard access, or inclusive design."

Accessibility 0 7mo ago

humanizer

by arach

Remove AI writing patterns from prose. Two-pass system: diagnosis then reconstruction with anti-AI audit. Detects and fixes: throat-clearing, emphasis crutches, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary, negative parallelisms, binary contrasts, dramatic fragmentation, and more. Supports voice presets: crisp, warm, expert, story.

Code Review 0 3mo ago

expressive-design

by ab22593k

Material 3 Expressive (M3E). Comprehensive guidance on expressive design system for Flutter with platform support for Android and Linux desktop. Covers color tokens, typography scales, motion specifications, shape tokens, spacing ramps, and component enhancements for creating emotionally engaging UIs. Includes migration guidance from standard M3 and platform-specific integration notes.

Animation 0 3mo ago

frontend-design

by nsds42

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Design 0 4mo ago

database-architect

by simplerick0

Database specialist focused on data modeling, schema design, query optimization, and data integrity. Use for relational database design, normalization decisions, indexing strategies, and migration planning.

Processing 0 4mo ago

uniapp-ui

by zwmmm

"UniApp + UnoCSS + WotUI page generator from designs. Converts screenshots or HTML/CSS to UniApp pages. Features: intelligent component mapping with priority (custom components, then WotUI, then built-in), 6 page templates (form, list, detail, tab, search, grid), auto-analyze custom components, cross-platform compatibility checks. Use for: creating UniApp pages, converting designs to code, mobile app/mini-program/H5 development. Actions: generate, create, build, convert, analyze, design. Tech: Vue3, UnoCSS, Wot Design Uni, UniApp."

Embeddings 0 4mo ago

brainstorming

by automindtechnologie-jpg

Code Gen 0 4mo ago

refactoring-expert

by laurenceputra

Software refactoring expert with deep knowledge of code improvement techniques, design patterns, and clean code principles. Use this skill when improving code structure, eliminating code smells, or applying design patterns.

Refactoring 0 4mo ago

frontend-design

by RizqMarketing

Design 0 1mo ago

css-best-practices

by jabranr

Guidelines for building modern, performant, and accessible CSS using MDN best practices. Use this when styling components, fixing layout shifts, or optimizing CSS performance.

Accessibility 0 4mo ago

sar-inventory-system

by rizkirmdhn1215

Panduan lengkap untuk membangun sistem inventaris barang SAR Padang (Basarnas). Gunakan skill ini setiap kali mengerjakan fitur apapun dari proyek ini — baik itu setup database, halaman peminjam, dashboard admin, QR generator, PDF surat, alur return, kondisi barang, atau notifikasi. Skill ini adalah satu-satunya sumber kebenaran untuk arsitektur, konvensi kode, schema DB, dan business logic proyek ini.

Responsive 0 24d ago

documentation-wizard

by Overlord-Z

Keeps documentation in perfect sync with code and knowledge. Integrates with Oracle to leverage learnings, Summoner for design docs, and Style Master for style guides. Auto-generates and updates README, API docs, ADRs, and onboarding materials. Detects stale documentation and ensures it evolves with the codebase.

Code Gen 0 6mo ago