gaming
0
algorithmic-art
Expert in generative art, creative coding, and mathematical visualizations using p5.js and JavaScript.
404kidwiz
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
gaming
0
ai-integration-expert
Work with Leavn AI features - UnifiedAIService, on-device models, devotional generation, novelization, kids mode, image generation with Stable Diffusion
willsigmon
development
frontend
0
cloodle-design-tokens
Cloodle design system tokens for colors, typography, spacing, and components. Use when styling Cloodle interfaces, creating CSS, or implementing consistent visual design across the platform.
astoeffer
development
full-stack
0
slide-design-system
Use when generating presentation slides, deck images, or visual assets for meetings and pitches. Applies dark minimal Vercel/Apple aesthetic with strict design language.
mshuffett
development
cms-platforms
0
theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use when user asks for theme/color help OR building UI without design: - "What theme should I use?" "Help me pick colors" "Generate theme" - "What colors work well together?" "Suggest color palette" - User uncertain about design direction, needs aesthetic suggestions - Building UI/landing page with no design specs, needs complete theme Keywords: theme, color palette, colors, fonts, brand personality, color harmony Interactive workflow: Ask personality → Present options → Generate custom theme. References pre-defined themes in .claude/themes/. Do NOT load for: User has clear aesthetic/colors, Figma/design file provided. Integrates with design-fundamentals: Generates themes following design principles.
phananhtuan09
development
cms-platforms
0
eisaal-theming
Complete Eisaal Sanctuary design system including Karbala shrine-inspired color palette, typography, spacing tokens, glassmorphic effects, and animation patterns. Use for any UI work.
abbas133
development
full-stack
0
design-system-builder
Framework-agnostic brutalist web design system with Space Grotesk typography, purple/cyan/pink palette, bold offset shadows, and sharp borders. Use when building any web interface (HTML, React, Vue, Svelte, Astro, etc.) that needs neo-brutalist aesthetics with consistent design tokens, typography scale, and component patterns.
gahoccode
development
cms-platforms
0
awesomebrand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
slavochek2
development
full-stack
0
tailwindcss
Styles web applications with Tailwind CSS using utility classes, responsive design, custom themes, and component patterns. Use when setting up Tailwind, creating layouts, implementing responsive designs, or customizing themes.
mgd34msu
development
cms-platforms
0
design-system-creator
Create comprehensive design systems with OKLCH colors, typography scales, spacing systems, and shadcn/ui theming. Use when setting up design tokens, creating color palettes, or configuring the visual foundation of a website.
deomiarn
development
gaming
0
create-game-assets
Generate game assets (sprites, UI icons, backgrounds, tilesets) using DALL-E 3 from a YAML specification file. Use when user asks to create game art, generate sprites, or make game graphics.
chernobelenkiy
development
cms-platforms
0
d3-charts
Create interactive, production-grade charts with D3.js. Use this skill when the user asks to build D3.js visualizations including scatter plots, pie/donut charts, bar charts, bar chart races, line charts, line chart races, heatmaps, treemaps, or any SVG-based data visualization. Covers animated entry transitions, keyframe animations, progressive line reveals, hierarchical layouts, sequential color scales, theme-aware color schemes (with custom Streamlit-inspired palettes), tooltips, legends, and responsive design. Generates polished, accessible code that avoids generic AI aesthetics.
gahoccode
development
gaming
0
design-vision
Transform design inspiration into implemented code through deep analysis, interactive vision discovery, planning, and checkpoint-based execution. Use when you have a screenshot/reference and want to build something similar while understanding and preserving the design intent.
laurenj3250-debug
development
mobile
0
apex-os-design
Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend code. Covers color system, typography, motion, haptics, and component patterns for a Bloomberg-meets-Calm aesthetic. References APEX_OS_PRD_v8.1.md for product logic and APEX_OS_BRAND_GUIDE.md for voice.
ferdiebotden-ai
development
frontend
0
design-guide
Modern UI design system ensuring clean, professional interfaces. Use when creating ANY UI component, webpage, React component, HTML artifact, design mockup, or interface element. Provides design principles for spacing, colors, typography, shadows, and interactive states to prevent cluttered, inconsistent, or unprofessional designs.
Candratama
development
mobile
0
generating-components
Generate production-ready React components using shadcn/ui, 21st.dev, and Tailwind CSS. Use when user asks for UI components, buttons, forms, cards, hero sections, or mentions design inspiration, component library, or UI generation.
fusengine
development
gaming
0
canvas-design-tools
Interactive canvas-based design and layout creation
therealtimex
development
frontend
0
styling-web-tools
Applying consistent visual design to HTML tools in this repository. Use when creating new tools, updating UI components, or adding buttons/icons/controls. Based on Vercel Geist design system with Claude app influences.
rkpatel33
development
frontend
0
rustic-food
Create web pages and UI components using the Rustic Food design system—a warm, organic aesthetic inspired by farm-to-table restaurants, artisanal bakeries, and food blogs. Features appetizing color palettes (warm oranges, creams, sage greens), natural textures, serif/script typography, and inviting imagery. Use when the user requests rustic/organic/farm-to-table styling, food website design, restaurant pages, recipe cards, menu layouts, or any food-related web content. Framework-agnostic (works with vanilla HTML/CSS, React, Vue, Tailwind, etc.).
gahoccode
development
cms-platforms
0
design-tokens
Design token management for creating, organizing, and applying design tokens across projects. Supports multiple formats (CSS custom properties, Sass, JS, JSON). Use when setting up design systems or managing design tokens.
andronics
development
mobile
0
material-design
Create UI components and designs following Google Material Design 3 (Material You) guidelines. Use when building Material UI components, implementing Material theming, working with elevation, color systems, typography, motion, or creating Android/web interfaces with Material Design patterns.
takah1r0jp
development
mobile
0
frontend-design
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
HuynhSang2005
development