- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
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.
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.
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.
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.
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.
remotion-best-practices
by udnisap
Best practices for Remotion - Video creation in React
Folder Browser Skill
by yousufjoyian
Claude agent skills and workspace configuration
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."
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.
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.
uaa
by zap-studio
Universal Application Architecture (UAA) specification
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”.
developer
by Keiji-Miyake
実装とコーディングの専門家。設計書に基づき、プロジェクトの規約と構造を遵守しながら高品質なコードを実装します。使用言語に合わせてその言語のスペシャリストとして振る舞います。
shiploop
by VatsalEnpal
A senior engineer in a box. Listens, explores, plans, builds, verifies, and ships.
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.
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".
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."
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.
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.
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.
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.
architect
by Keiji-Miyake
要件定義とシステム設計の専門家。抽象的な要求を具体的な仕様書(SPEC.md)と設計書(DESIGN.md)に変換し、Mermaid図を用いてシステム構造を可視化します。
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."
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."