Skills

Discover and install skills to enhance Claude Code.

388 skills found - Clear filters

web-design-pro

openclaw

Modern web design engineering skills including design tokens, advanced UI/UX methodologies, accessibility, and game-specific UI patterns. Use for building commercial-grade, performant, and accessible web interfaces.

Coding Design
3
0

implementing-figma-designs

OneKeyHQ

Implements Figma designs 1:1 using OneKey component library (还原设计稿).

Coding Design
3
0

shadcn-ui-conventions

TheOrcDev

UI component conventions for 8-bit styled components. Use when working with shadcn/ui components or implementing retro-styled UI elements.

Coding Design
3
0

adobe

openclaw

Access Adobe Creative Cloud APIs - Photoshop, Lightroom, PDF Services, and Firefly AI. Automate creative workflows.

Productivity Design
3
0

figma-use

dannote

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. Use when asked to create/modify Figma designs or automate design tasks.

Productivity Design
3
0

shadcn-vue-admin

Whbbit1999

Build and maintain the shadcn-vue-admin Vue 3 + Vite + TypeScript admin dashboard with shadcn-vue, Tailwind, Pinia, Vue Router, i18n, and TanStack Query. Use for UI/layout changes, page additions, routing updates, theme/auth work, and component integration in this repo.

Coding Design
3
0

tally

openclaw

Create and edit Tally forms via API. Use when building surveys, feedback forms, or questionnaires programmatically. Supports all question types including text inputs, multiple choice, checkboxes, ratings (via workaround), and more.

Productivity Design
3
0

star-whisper

openclaw

星之低语 - 科幻生存冒险游戏。玩家扮演 Stella Chen,一位坠落在陌生星球的宇航员,需要在盖亚星球上探索、生存、解谜,寻找回家之路。支持多场景探索、资源管理、外星生物互动。适用于科幻冒险、生存模拟、互动叙事等场景。

Design
3
0

philips-hue-thinking

openclaw

Visual AI activity indicator using Philips Hue lights. Pulse red when thinking, green when done.

Communication Design
3
0

axiom-swiftui-architecture

CharlesWiltgen

Use when separating logic from SwiftUI views, choosing architecture patterns, refactoring view files, or asking 'where should this code go', 'how do I organize my SwiftUI app', 'MVVM vs TCA vs vanilla SwiftUI', 'how do I make SwiftUI testable' - comprehensive architecture patterns with refactoring workflows for iOS 26+

Coding Design
3
0

better-icons

better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.

Productivity Design
3
0

templ-htmx

Xe

Build interactive hypermedia-driven applications with templ and HTMX. Use when creating dynamic UIs, real-time updates, AJAX interactions, mentions 'HTMX', 'dynamic content', or 'interactive templ app'.

Coding Design
3
0

accessibility-compliance-accessibility-audit

sickn33

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

Research Design
3
0

openclaw-media-gen

openclaw

Generate images & videos with AIsa. Gemini 3 Pro Image (image) + Qwen Wan 2.6 (video) via one API key.

Design
3
0

svelte-migrate

temporalio

Migrate a Svelte 4 component to Svelte 5 runes syntax. Use when asked to migrate, convert, or upgrade a .svelte file to Svelte 5.

Coding Design
3
0

add-icon

wei

Add or update supported language, framework, library, tool, or platform icons in Socialify. Use when a request involves adding a new icon/logo, mapping a display name to a Simple Icons entry or a custom icon, and updating the language options list used in the UI.

Productivity Design
3
0

components-generators

kubb-labs

Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).

Coding Design
3
0

creative-illustration

openclaw

Generate diverse creative illustrations via OpenAI Images API. Create book illustrations, editorial art, children's book art, concept illustrations, and artistic scenes. Use when user needs creative visual content for stories, articles, presentations, or artistic projects (e.g., "illustrate a fairy tale scene", "create editorial art about technology", "design children's book illustrations", "generate concept art for a story").

Design
3
0

information-architecture

Prorise-cool

Design information architecture - site structure, navigation, card sorting, tree testing, taxonomy, labeling systems, and findability.

Design Planning
3
0

timeline-creator

mhattingpete

Create HTML timelines and project roadmaps with Gantt charts, milestones, phase groupings, and progress indicators. Use when users request timelines, roadmaps, Gantt charts, project schedules, or milestone visualizations.

Design Planning
3
0

ux-designer

aj-geddes

User experience and interface design specialist

Design
3
0
Previous Page 15 of 19 Next