UI Components
Code-based UI component generation and styling
vue2-typescript-standards
by levai
Vue 2 项目 TypeScript 编码规范与类型定义标准。适用于编写 TypeScript 代码、定义类型接口、使用装饰器模式、工具函数开发等场景。
mobile-design-director
by kafka0000
Senior UX/UI Design Director for mobile app design auditing across all platforms (iOS, Android, cross-platform). Triggers on "UI建议", "审美讲义", "交互建议", design audit, UI review, UX audit, or premium design feedback. Provides three-tier proposals (Safe/Balanced/Avant-Garde), aesthetic formulas, motion physics, and brand consistency checks. Specializes in "Young Luxury" mobile experiences grounded in Apple HIG and Material Design 3.
comfyui-comics-03
by tippyentertainment
Skill for generating Dark Horse Comics–style graphic novel characters, images, videos, sound effects, and voices via ComfyUI Cloud with a gritty, high-contrast aesthetic.
Frontend Responsive Design Standards
by yuanxiao0115
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
idempiere-retail-expert
by comitsrl
"Playbook retail para iDempiere: POS, inventario, pricing/promos, devoluciones, e-commerce/omnichannel y analytics; define flujos, guardrails y entregables (plugin, DB, OpenAPI, UI)."
artifacts-builder
by arielperez82
Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
oracle-infrastructure-cloud
by tippyentertainment
Manage, deploy, and operate infrastructure on Oracle Cloud Infrastructure (OCI): compute, networking, storage, identity, automation, and cost governance.
design-system-starter
by VisualxIntelligence
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
ue5-blueprint-audio
by koshimazaki
Unreal Engine 5 Blueprint audio specialist. Use when working with Blueprint audio logic, game event detection, parameter wiring, audio components, scanning blueprints for audio nodes, listing project assets, or connecting game state to audio systems via UE5.
MinimalistVisualDesign
by Cedaric
极简主义视觉内容设计。将任何输入内容转化为具有强烈视觉冲击力的极简主义现代网页设计。五阶段工作流，从内容解析到最终合并交付，产出独立的阶段性文件。USE WHEN 极简设计, 视觉设计, 内容可视化, 排版设计, 杂志排版, minimalist design, visual design, content visualization, editorial design。
canvas-design
by ederheisler
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
web-design-guidelines
by yldgio
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
written-feedback-generator
by silvanicus
Structures written performance or peer feedback for colleagues and direct reports using the SBI model (Situation → Behavior → Impact). Use when writing review comments in tools like Lattice or Workday, or drafting feedback in email or Slack.
sql
by kprsnt2
SQL and database best practices including query optimization, indexing, and schema design.
angular-best-practices
by ncdevshiv
"Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency."
ui-design-system
by nimeshgurung
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
remove-ai-comments
by ChambersXDU
Removes redundant, obvious, or "AI-flavored" comments from code to improve signal-to-noise ratio. Use when the user asks to "clean up comments", "remove AI comments", or makes a general request to refactor verbose code documentation.
global-config
by Alicoder001
Global defaults and interaction rules for all Alicoder001 skills. Use when starting any task to set communication style, project assumptions, and skill priority.
ai-vision-go
by httprunner
Multimodal UI understanding and single-step planning via OpenAI-compatible Responses APIs. Use when you need AIQuery/AIAssert and plan-next to extract UI element coordinates, validate UI assertions, summarize screenshots, or decide the next UI action from an image. External agents handle execution via adb/hdc and multi-step loops. Defaults to Doubao models but can be pointed at other multimodal providers via base URL, API key, and model name.
unit-tests
by iulspop
Generates well-structured unit tests using Vitest with the "given/should" prose format. Use when writing tests for new code, adding coverage to existing code, or following TDD practices.
Portfolio & Personal Brand
by neillock
Story-driven specification for full portfolio journeys (Identity Home + Project Case Studies).
design
by Alicoder001
UI design guidelines for web apps covering layout, typography, color, spacing, and component consistency. Use when defining or reviewing UI/UX design systems, page layouts, or visual hierarchy.
brainstorming
by Cygnusfear
"You MUST use this, UNLESS the human says otherwise, before any EXTENDED creative work (not simple execution) - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."
component-gen
by lxgicstudios
Generate React/Vue/Svelte components from descriptions