All authors
Claude Skills by cumabozkurt
github.com/cumabozkurt19 skills0 installs32 views
- God AccessibilityAccessibility and inclusive design to WCAG 2.2 AA - contrast, keyboard and focus, semantic HTML and ARIA, screen readers, forms, motion and seizure safety, touch targets, reflow/zoom, alt text, captions, cognitive accessibility, RTL and localisation, plus an audit checklist. Use when building or reviewing any interface, document, slide or social graphic for accessibility or legal compliance (EAA, ADA, Section 508).Votes: 0GitHub stars: 3
- God Anti SlopDetect and eliminate generic "AI slop" in design and copy - the visual, typographic, layout, color, iconography, imagery, motion and copywriting tells that make output look machine-made and templated - with a concrete fix for each and a pre-delivery slop gate. Use on every design before handing it over, or when the user says the result looks generic, boring, templated or AI-generated.Votes: 0GitHub stars: 3
- God BrandingLogo design and brand identity systems - brand strategy (positioning, personality, voice), logo types (wordmark, lettermark, symbol, combination, emblem, mascot), geometric construction, SVG logo production, responsive logo suites, color/type systems, brand applications, trademark hygiene and complete brand guidelines documents. Use when creating or refreshing a logo, visual identity, brand kit or brand book.Votes: 0GitHub stars: 3
- God ColorColor theory and palette engineering - harmony schemes, 60-30-10, OKLCH scales, semantic color roles, dark mode, WCAG contrast math, color-blind safety, cultural color meanings, gradients and print vs screen color. Use when choosing, fixing or explaining colors, building a palette from a brand color, or checking contrast.Votes: 0GitHub stars: 3
- God DatavizData visualization and information design - choosing the right chart, dashboards, infographics, color for data (sequential, diverging, categorical, color-blind safe), labeling and annotation, chart decluttering, tables, maps, and implementation with SVG, D3, Chart.js, Recharts, Vega-Lite or ECharts. Use when presenting numbers, building charts or dashboards, or designing infographics and reports.Votes: 0GitHub stars: 3
- God ImagegenIllustration and image-generation prompting for Midjourney, GPT Image, Gemini/Imagen, FLUX, Stable Diffusion, Ideogram, Recraft and Firefly - prompt anatomy, style vocabulary (techniques, photography, lighting, camera, materials), aspect ratios, consistency, negative prompts, text-in-image, editing and ethics. Use when the user needs illustrations, photos, mockups, textures or reference boards generated by AI.Votes: 0GitHub stars: 3
- God LayoutLayout, grids and composition - column/modular/baseline grids, spacing scales, visual hierarchy, Gestalt principles, rule of thirds, golden ratio, Z/F reading patterns, whitespace, alignment, rhythm, focal points and responsive layout patterns (CSS Grid/Flexbox). Use when arranging elements on a page, poster, slide or screen, or when a design feels cluttered, unbalanced or flat.Votes: 0GitHub stars: 3
- God MobileMobile app design for iOS (Human Interface Guidelines, SF Symbols, Liquid Glass era), Android (Material 3 / Expressive) and cross-platform (React Native, Flutter, SwiftUI, Jetpack Compose) - screen sizes, safe areas, navigation patterns, touch targets, gestures, platform conventions, app icons and store screenshots. Use when designing or coding mobile app screens, app icons or App Store / Play Store assets.Votes: 0GitHub stars: 3
- God MotionMotion design for interfaces and media - UI micro-interactions, page transitions, scroll-driven effects, easing curves and duration tables, choreography and staggering, Disney's 12 principles for UI, reduced-motion accessibility, and implementation in CSS, View Transitions, Framer Motion/Motion, GSAP, Lottie/Rive, plus social video and kinetic typography. Use when adding animation, transitions, hover effects, loaders or motion graphics.Votes: 0GitHub stars: 3
- God Of DesignMaster design director and router for the God of Design pack. Use for any visual design task (web/UI/UX, app screens, landing pages, dashboards, social media posts, posters, logos, branding, print, presentations, motion, illustration or image-generation prompts) or when the user asks to make something look better, pick a style, or critique a design. Runs the brief → direction → system → build → critique workflow and routes to the right god-* skill.Votes: 0GitHub stars: 3
- God OutputOutput recipes and handoff - production HTML/CSS, Tailwind, React/Next.js with shadcn/ui, Vue/Svelte notes, SVG graphics, email HTML, rendering HTML/SVG to PNG/PDF (Playwright), image export settings, favicon/OG sets, file naming, and handoff to Figma (variables, auto layout, specs) and Canva (sizes, brand kit, autofill, MCP). Use when turning a design decision into files, choosing an export format, or preparing a design for developers, Figma or Canva.Votes: 0GitHub stars: 3
- God PresentationsPresentation and pitch deck design - narrative structures (pitch, sales, keynote, report, training, conference talk), slide layouts and grids, one-idea-per-slide rules, data slides, typography and color for projection, speaker notes, and output as HTML decks (reveal.js, plain HTML/CSS), PowerPoint/Keynote/Google Slides specs or Canva handoff. Use when creating or redesigning slides, decks, keynotes or webinar visuals.Votes: 0GitHub stars: 3
- God PrintGraphic and print design - posters, flyers, brochures, magazines, book covers, business cards, menus, packaging, labels, signage, stationery and certificates - with print production (bleed, trim, safe area, CMYK, Pantone, rich black, DPI, paper sizes ISO A/B and US, folds, PDF/X export) and composition rules for persuasive graphics. Use when creating anything to be printed or any poster/flyer-style graphic.Votes: 0GitHub stars: 3
- God ReviewStructured design critique and quality audit - a 10-dimension scored rubric (concept, hierarchy, layout, typography, color, imagery, consistency, usability, accessibility, craft/polish), screenshot or code review workflow, prioritized fix lists, and medium-specific checklists for web, mobile, social, print, branding and slides. Use when asked to review, critique, audit, grade or improve an existing design, mockup, screenshot, URL or front-end code.Votes: 0GitHub stars: 3
- God Social MediaSocial media design at exact platform specs - Instagram (feed 4:5, square, Stories/Reels 9:16, carousel), TikTok, YouTube (thumbnails, banners, Shorts), Facebook, LinkedIn, X/Twitter, Pinterest, Threads, Bluesky, Snapchat, WhatsApp, Telegram - with safe zones, carousel storytelling, thumbnail psychology, templates and HTML/SVG export recipes. Use for any social post, story, ad creative, cover, banner, avatar or thumbnail.Votes: 0GitHub stars: 3
- God StylesAtlas of 100+ design styles with exact palettes, Google Fonts, layout rules, motifs, do/don't, CSS hints and image prompts. Covers art movements (Bauhaus, Swiss, Art Nouveau, Art Deco, Memphis), digital UI (glassmorphism, neumorphism, neo-brutalism, bento), retro (Y2K, vaporwave, cyberpunk) and world traditions (Japanese, Chinese, Korean, Islamic, Ottoman/Turkish, Persian, Indian, African, Latin American, Nordic). Use when the user names a style or needs a direction.Votes: 0GitHub stars: 3
- God TokensDesign tokens and design-system plumbing - W3C DTCG token JSON, primitive vs semantic vs component tokens, CSS custom properties, Tailwind v4 @theme, dark/brand theming, DESIGN.md files for coding agents, Style Dictionary and Figma variables mapping. Use when creating a design system, theming an app, exporting tokens, writing DESIGN.md, or syncing design and code.Votes: 0GitHub stars: 3
- God TypographyTypography system design - type scales, font pairing with Google Fonts, measure/leading/tracking rules, hierarchy, variable fonts, OpenType features, web font loading, and multi-script typesetting (Turkish, Arabic/Persian RTL, CJK, Devanagari, Thai, Cyrillic, Greek). Use when choosing fonts, fixing text that looks off, building a type scale, or designing for non-Latin languages.Votes: 0GitHub stars: 3
- God Ui UxWeb and product UI/UX design and implementation - landing pages, marketing sites, SaaS apps, dashboards, e-commerce, forms, navigation, component states, UX laws, information architecture, microcopy, responsive behavior and production HTML/CSS/Tailwind/React output. Use when designing or building any website or web app interface, improving UX, or turning a design into front-end code.Votes: 0GitHub stars: 3