Skills

Discover and install skills to enhance Claude Code.

388 skills found - Clear filters

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

data-viz-plots

Starlitnightly

Create publication-quality plots and visualizations using matplotlib and seaborn. Works with ANY LLM provider (GPT, Gemini, Claude, etc.).

Design
3
0

theme-creation

etewiah

Create new themes for PropertyWebBuilder. Use when creating custom themes, styling websites, or modifying theme templates. Handles theme registration, view templates, CSS, and asset configuration.

Coding 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

star-whisper

openclaw

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

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

ark-architecture

mckinsey

Design architecture for Ark features following existing patterns and principles. Use when planning new features, extending components, or evaluating technical approaches.

Design Planning
3
0

infographic-syntax-creator

ThinkInAIXYZ

Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic <template>` plain syntax.

Writing 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

speak-reference-architecture

jeremylongshore

Implement Speak reference architecture with best-practice project layout for language learning apps. Use when designing new Speak integrations, reviewing project structure, or establishing architecture standards for language learning applications. Trigger with phrases like "speak architecture", "speak best practices", "speak project structure", "how to organize speak", "speak layout".

Coding Design
3
0

react-headless-dev

daangn

SEED React Headless component development specialist. Use when developing unstyled, logic-only components in packages/react-headless folder. Focuses on data-driven primitives, custom hooks, and state management without styling concerns.

Coding Design
3
0

angular-architect

openclaw

Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.

Coding Design
3
0

ark-dashboard-and-ui-testing

mckinsey

Test the Ark Dashboard and UI with Playwright and create PRs with screenshots. Use this skill when testing dashboard UI, taking screenshots for PRs, or validating dashboard changes.

Design
2
0

epic-ui-guidelines

epicweb-dev

Guide on UI/UX guidelines, accessibility, and component usage for Epic Stack

Design
2
0

demo-video

openclaw

Create product demo videos by automating browser interactions and capturing frames. Use when the user wants to record a demo, walkthrough, product showcase, or interactive video of a web application. Supports Playwright CDP screencast for high-quality capture and FFmpeg for video encoding.

Productivity Design
2
0

dagre-graph

dennisadriaans

Build DagreGraph components for hierarchical diagrams. Use for org charts, dependency graphs, flowcharts, and decision trees.

Coding Design
2
0

viewcomponent-patterns

ThibautBaissac

Creates ViewComponents for reusable UI elements with TDD. Use when building reusable UI components, extracting complex partials, creating cards/tables/badges/modals, or when user mentions ViewComponent, components, or reusable UI.

Coding Design
2
0

youtube-instant-article

openclaw

Transform YouTube videos into Telegraph Instant View articles with visual slides and timestamped summaries. Use this skill whenever a user shares a YouTube URL (youtube.com or youtu.be) and asks to summarize, explain, or process the video. This is the DEFAULT skill for all YouTube video requests - do NOT use the generic summarize tool for YouTube.

Writing Design
2
0

threejs-animation

CloudAI-X

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

Coding Design
2
0
Previous Page 16 of 19 Next