Claude Skills by oyi77

Use when creating, editing, and generating Office documents programmatically

Use when collection of 8 design engineering skills by Emil Kowalski (Vercel,

'Use when all-in-one YouTube content generator: create full videos from

Use when design system patterns — component architecture, Tailwind mastery,

Use when design and build production-grade UI components using React,

Use when generating professional posed product images for e-commerce

Use when unified multimedia API for image generation (nano-banana-pro,

Use when removing AI writing痕迹 from Chinese text to make it sound more

Use when transform AI-generated content into natural, human-sounding

Use when aI image generation — Stable Diffusion, Midjourney, DALL-E,

Use when content Kingdom Orchestrator — the BRAIN that coordinates all

Use when autonomous AI agent that learns and improves viral content over

Use when material UI (MUI) React components — theming, styled engine,

Use when dieter Rams' approach to timeless product design - less but

Use when turn content into revenue — newsletter businesses, YouTube automation,

Use when React animation library — spring physics, gesture animations, layout animations, scroll effects, SVG path drawing. Successor to Framer Motion. Use when building UI animations, micro-interactions, page transitions, shared element transitions, parallax effects.

Use when one piece of content becomes 10 — blog to Twitter thread, LinkedIn

Use when complete novel and fiction writing skill covering story structure,

Use when panda CSS zero-runtime styling — token system, patterns, recipes,

Use when isolated agent runtime for code execution, live preview URLs,

Use when auto-generate 30-day content calendars with pillar rotation,

Use when postCSS plugin ecosystem — Autoprefixer, cssnano, nesting, custom

Use when radix UI headless primitives — accessible, unstyled React components

Use when mobile-first responsive design — breakpoints, fluid typography,

Use when shadcn/ui component library — copy-paste React components, Tailwind

Use when create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Use when storybook for UI component development — stories, addons, controls,

Use when styled-components CSS-in-JS — tagged templates, theming, props,

Use when advanced Tailwind CSS — custom plugins, JIT, container queries,

Use when generating and applying professional color themes, typography

Use when structured UI review — visual hierarchy, consistency, accessibility,

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

UI/UX design intelligence for web, mobile, and desktop. Use when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

Use when uLTRA REALISTIC MEDIA GENERATION - TRAINING SKILL. Use when

Use when vanilla Extract zero-runtime CSS-in-JS — type-safe styles, Sprinkles,

Use when automatically clip long videos into short, engaging highlights

Use when find relevant B-roll and stock footage by analyzing script content

Use when clay art video generator skill.

Use when professional video post-production using FFmpeg — color grading,

Use when creating and automating faceless YouTube channels using AI-generated

Use when generate videos with AI models — Runway, Kling, Sora, Pika,

Use when creating, rendering, and managing programmatic videos using

Use when generating 50+ video variations from a single product image

Use when researching trending topics, generating viral hooks, finding

Use when voice AI — text-to-speech (ElevenLabs, OpenAI TTS), speech-to-text

Use when free local TTS with voice cloning using Chatterbox. Zero API

Use when creating new skills, editing existing skills, or verifying skills

Use when full-stack content production factory — ad copy, emails, long-form

Use when parallel divergent ideation for agents — spawns N isolated reasoning

Use when writing documentation optimized for AI agent consumption - SKILL.md