148 skills
๐Ÿ”ง

grasshopper-workflow

Safe 78

Automate Grasshopper via MCP

by AmemiyaLai

Creating Grasshopper definitions manually is time-consuming and repetitive. This skill enables AI assistants to programmatically create components, establish connections, and execute complete parametric modeling workflows through the MCP protocol, turning design specifications into working Grasshopper definitions automatically.

Claude Codex Code(CC)
Install
๐ŸŽจ

ux-researcher-designer

Safe 73

Generate User Personas from Research Data

by alirezarezvani

Transform raw user interview data into actionable personas. Create data-backed user profiles with goals, frustrations, behaviors, and design implications in minutes instead of hours.

Claude Codex Code(CC)
Install
๐ŸŽจ

ui-design-system

Safe 73

Generate design system tokens from brand colors

by alirezarezvani

Creating consistent design tokens manually is time-consuming and error-prone. This tool generates complete design systems including color palettes, typography scales, spacing grids, and component styles from a single brand color input.

Claude Codex Code(CC)
Install
๐ŸŽจ

algorithmic-art

Safe 70

Create unique algorithmic art with code

by anthropics

Transform creative ideas into beautiful generative art using code. This skill creates original algorithmic artworks with seeded randomness for reproducible results and interactive parameter controls for endless exploration.

Claude Codex Code(CC)
Install
๐ŸŽจ

frontend-design

Safe 71

Design distinctive frontend interfaces with bold aesthetics

by AJV009

Generic AI outputs produce bland, derivative web designs that lack character. This skill guides Claude to commit to bold aesthetic directions and deliver production-grade, memorable frontend code with intentional creative choices.

Claude Codex Code(CC)
Install
๐ŸŽจ

frontend-design

Safe 70

Design production-grade frontend interfaces

by AgentWorkforce

Build distinctive web interfaces that stand out from generic AI-generated aesthetics. Create memorable, visually striking components with careful attention to typography, motion, and spatial composition.

Claude Codex Code(CC)
Install
๐Ÿ“ฆ

uiux-ops

Safe 69

Improve UI/UX with design guidelines

by A-Genno

UI/UX design projects often lack consistent standards and clear processes, leading to fragmented user experiences and accessibility gaps. This skill provides comprehensive operational procedures and checklists to streamline design workflows, ensure consistency, and maintain accessibility compliance across all projects.

Claude Codex Code(CC)
Install
๐ŸŽจ

frontend-design

Safe 71

Design distinctive frontend interfaces

by AdamAugustinsky

Building production-grade web interfaces often results in generic, forgettable designs. This skill helps create memorable, creative frontend designs with bold aesthetics, thoughtful typography, and polished details that stand out from generic patterns.

Claude Codex Code(CC)
Install
๐ŸŽจ

design-component

Safe 68

Design culturally sensitive UI components

by Acurioustractor

Build accessible storyteller and story cards with proper data mapping, cultural indicators, and AI enrichment. This skill provides design system patterns and component guidelines for Indigenous storytelling platforms.

Claude Codex Code(CC)
Install
๐ŸŽจ

ui-design-system

Safe 69

Apply consistent UI design patterns

by AbdulSamad94

Teams need clear design rules to build cohesive interfaces. This skill provides a complete design system with typography, colors, components, and animations for modern dark-themed applications.

Claude Codex Code(CC)
Install
๐ŸŽจ

ui-handler

Safe 69

Implement UI components and landing pages

by AayushBaniya2006

Building UI components manually takes significant time. This skill leverages Shadcn MCP and 21st.dev MCP to quickly generate buttons, dialogs, and complex landing page sections.

Claude Codex Code(CC)
Install
๐ŸŽจ

theme-handler

Safe 68

Install UI themes with shadcn and tweakcn

by AayushBaniya2006

Managing application themes manually requires finding theme URLs and running CLI commands. This skill provides a curated list of pre-configured themes and installation commands, making theme installation fast and error-free.

Claude Codex Code(CC)
Install
๐ŸŽจ

logo-generator

Low Risk 72

Generate professional logos with AI

by AayushBaniya2006

Creating logos requires design skills and expensive software. This skill uses AI to generate custom logos from text prompts and removes backgrounds automatically for transparent, professional results.

Claude Codex Code(CC)
Install
๐Ÿงฉ

page-builder

Safe 69

Build landing pages with Tailark UI components

by AayushBaniya2006

Building marketing pages from scratch takes too much time. This skill provides curated recommendations for pre-built Tailark components organized by page type, helping you assemble professional landing pages in minutes.

Claude Codex Code(CC)
Install
๐ŸŽจ

generate-assets

Low Risk 72

Generate AI images for web components

by AayushBaniya2006

Creating visual assets for websites takes time and design skills. This skill uses FLUX 1.1 Pro AI to generate hero sections, feature images, and UI graphics with automatic enhancement. Images are optimized as WebP and saved directly to your project.

Claude Codex Code(CC)
Install
๐ŸŽจ

asset-creator

Low Risk 73

Generate custom images with AI-powered DALL-E integration

by AayushBaniya2006

Stop searching for stock photos. Create unique, on-brand visuals instantly with AI image generation. This skill integrates DALL-E 3 to produce high-quality assets tailored to your exact specifications.

Claude Codex Code(CC)
Install
๐ŸŽจ

ux-evaluator

Safe 72

Evaluate UI components against UX best practices

by 92Bilal26

UI reviews often devolve into subjective opinion battles. This skill provides a systematic 3-dimension framework to ground design feedback in evidence-based principles from industry authorities.

Claude Codex Code(CC)
Install
๐ŸŽจ

image-generator

Safe 71

Generate Educational Diagrams with Gemini

by 92Bilal26

Creating professional diagrams for lessons takes hours of design work. This skill provides a structured workflow to generate teaching visuals using Gemini 3 with browser automation and 6-gate quality control.

Claude Codex Code(CC)
Install
๐ŸŽจ

frontend-design

Safe 71

Create distinctive frontend interfaces

by 92Bilal26

Building web interfaces often results in generic, predictable designs. This skill guides AI assistants to create bold, production-grade frontend code with distinctive aesthetics, creative typography, and polished animations that stand out from standard patterns.

Claude Codex Code(CC)
Install
๐ŸŽจ

theme-factory

Safe 69

Apply professional themes to presentations

by 7Spade

Creating consistent, professional visual designs takes time and design expertise. This skill provides 10 curated color and font themes that can be applied instantly to slides, documents, reports, and web pages. Custom themes can also be generated based on your requirements.

Claude Codex Code(CC)
Install