UI Components

Code-based UI component generation and styling

Showing 7225-7248 of 7996 skills
Envy-7z

flutter-ui-fix-from-qa

by Envy-7z

Fix Flutter UI issues based on QA screenshots (padding, spacing, alignment, dividers). Use when asked to match UI precisely without refactoring unrelated code.

Code Gen 0 4mo ago
Alicoder001

tailwind

by Alicoder001

Tailwind CSS v4+ best practices including new CSS-first configuration, theme customization, responsive design, dark mode, and performance optimization. Use for modern utility-first CSS styling.

Animation 0 5mo ago
tippyentertainment

qr-code-scanner-tracking

by tippyentertainment

Design, build, and refine a QR code–based tracking system. This skill helps generate QR codes, define what happens when they are scanned, and track scan events (who, where, when, how) for marketing, operations, product flows, or internal tools.

Code Gen 0 5mo ago
ujawal7

siebel-development

by ujawal7

Comprehensive Siebel CRM development skill for configuration, scripting, workflow, and integration requirements. Use when: (1) Creating/modifying Siebel workflows, (2) Writing eScript or Business Services, (3) Configuring BCs, Applets, MVGs, Links, or Picklists, (4) Building REST/SOAP integrations, (5) Setting up Runtime Events, (6) Troubleshooting Siebel issues, or (7) Any Siebel CRM development task.

Agents 0 5mo ago
tippyentertainment

ui-layout-and-styling

by tippyentertainment

Improve the visual quality and usability of existing UI by fixing layout structure, responsiveness, spacing, alignment, typography, and overall consistency. This skill assumes components already exist and focuses only on presentation, not business logic.

Design 0 5mo ago
udnisap

remotion-best-practices

by udnisap

Best practices for Remotion - Video creation in React

Animation 0 5mo ago
yousufjoyian

Folder Browser Skill

by yousufjoyian

Claude agent skills and workspace configuration

CLI Tools 0 6mo ago
ederheisler

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 6mo ago
Kingly-Clark

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 5mo ago
yangnim21029

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 5mo ago
zap-studio

uaa

by zap-studio

Universal Application Architecture (UAA) specification

Processing 0 4mo ago
tippyentertainment

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 5mo ago
Keiji-Miyake

developer

by Keiji-Miyake

実装とコーディングの専門家。設計書に基づき、プロジェクトの規約と構造を遵守しながら高品質なコードを実装します。使用言語に合わせてその言語のスペシャリストとして振る舞います。

Testing 0 5mo ago
VatsalEnpal

shiploop

by VatsalEnpal

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

CLI Tools 2 3mo ago
denis-skripnik

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 4mo ago
nicmeriano

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 6mo ago
PanchoK50

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 5mo ago
arach

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 4mo ago
ab22593k

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 5mo ago
nsds42

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 6mo ago
simplerick0

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 5mo ago
Keiji-Miyake

architect

by Keiji-Miyake

要件定義とシステム設計の専門家。抽象的な要求を具体的な仕様書(SPEC.md)と設計書(DESIGN.md)に変換し、Mermaid図を用いてシステム構造を可視化します。

API Dev 0 5mo ago
zwmmm

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 5mo ago
automindtechnologie-jpg

brainstorming

by automindtechnologie-jpg

"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 6mo ago