Agent Skills

Ui Design System

v2.1.1

io.clawhub.alirezarezvani/ui-design-system

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...

Architecture Designer

v0.1.0

io.clawhub.veeramanikandanr48/architecture-designer

Use when designing new system architecture, reviewing existing designs, or making architectural decisions. Invoke for system design, architecture review, design patterns, ADRs, scalability planning.

Design System Creation

v1.0.0

io.clawhub.wpank/design-system-creation

Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.

Database Designer

v2.1.1

io.clawhub.alirezarezvani/database-designer

Database Designer - POWERFUL Tier Skill

Web Design

v1.0.0

io.clawhub.wpank/web-design

CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.

Canva Connect

v1.0.0

io.clawhub.coolmanns/canva-connect

Manage Canva designs, assets, and folders via the Connect API. WHAT IT CAN DO: - List/search/organize designs and folders - Export finished designs (PNG/PDF/JPG) - Upload images to asset library - Autofill brand templates with data - Create blank designs (doc/presentation/whiteboard/custom) WHAT IT CANNOT DO: - Add content to designs (text, shapes, elements) - Edit existing design content - Upload documents (images only) - AI design generation Best for: asset pipelines, export automation, organization, template autofill. Triggers: /canva, "upload to canva", "export design", "list my designs", "canva folder".

Ux Researcher Designer

v2.1.1

io.clawhub.alirezarezvani/ux-researcher-designer

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and...

Graphic Design

v1.0.0

io.clawhub.ivangdavila/graphic-design

Support design understanding from basic visuals to professional production and theory.

Elite Frontend Design

v1.0.0

io.clawhub.moxunjinmu/elite-frontend-design

前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于：静态图片设计（用 canvas-design）、公众号配图（用 weixin-canvas-design）。

Canvas Design

v0.1.0

io.clawhub.sohamganatra/canvas-design-2

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.

Data Model Designer

v2.1.0

io.clawhub.datadrivenconstruction/data-model-designer

Design data models for construction projects. Create entity-relationship diagrams, define schemas, and generate database structures.

Figma

v2.1.0

io.clawhub.maddiedreese/figma

Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.

Tailwind Design System

v1.0.0

io.clawhub.wpank/tailwind-design-system

Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids.

PLS Canvas Design

v1.0.0

io.clawhub.mattvalenta/pls-canvas-design

Generates original visual art and posters as PNG or PDF files using defined design philosophies like minimalism, brutalism, or skeuomorphism.

UI/UX Design and Development

v1.0.0

io.clawhub.wing8169/ui-ux-dev

Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.

UI/UX Design Guide

v1.0.0

io.clawhub.itsjustdri/ui-ux-design

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...

Api Designer

v0.1.0

io.clawhub.veeramanikandanr48/api-designer

Use when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standards.

Frontend Design

v0.1.0

io.clawhub.michaelmonetized/frontend-design-3

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

Desing mobile apps

v1.0.4

io.clawhub.stefanofa/sleek-design-mobile-apps

Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects. Covers high-level requests ("design an app t...

Designer

v1.0.0

io.clawhub.ivangdavila/designer

Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.

Design

v1.0.0

io.clawhub.ivangdavila/design

Auto-learns your visual preferences. Adapts to UI, graphics, video, and any creative work.

Frontend Design Extractor

v1.0.1

io.clawhub.xsir0/frontend-design-extractor

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

Frontend Design

v0.1.0

io.clawhub.ahump20/frontend-design-2

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Design Assets

v1.0.0

io.clawhub.cmanfre7/design-assets

Create and edit icons, favicons, images, and color palettes using macOS tools, ImageMagick, SVG, and AI image generation.