All authors
Claude Skills by jhy0285
github.com/jhy0285200 skills8 installs413 views
- Frontend DesignCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.Votes: 0GitHub stars: 4
- Frontend DevFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.Votes: 0GitHub stars: 4
- Frontend SkillCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.Votes: 0GitHub stars: 4
- Frontend SlidesGenerate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.Votes: 0GitHub stars: 4
- Full Page ScreenshotCapture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.Votes: 0GitHub stars: 4
- Gif Sticker MakerConvert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for personalized chat stickers and avatar packs.Votes: 0GitHub stars: 4
- Goal ExecutionComplete a bounded implementation goal in the current agent run, with explicit finish criteria and evidence-based verification. Use for requests that should continue through implementation and checks instead of stopping after a plan.Votes: 0GitHub stars: 4
- Hand Drawn DiagramsGenerate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill paths.Votes: 0GitHub stars: 4
- Hatch PetCreate, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled ...Votes: 0GitHub stars: 4
- Image EnhancerImprove image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.Votes: 0GitHub stars: 4
- ImagegenGenerate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.Votes: 0GitHub stars: 4
- ImagenGenerate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.Votes: 0GitHub stars: 4
- Marketing PsychologyApply psychological principles and behavioral science to copy and design. Useful for tightening hooks, framing, and pricing presentation.Votes: 0GitHub stars: 4
- Minimax DocxProfessional DOCX document creation and editing using OpenXML SDK. Useful for branded reports, polished proposals, and template-based authoring.Votes: 0GitHub stars: 4
- Minimax PdfGenerate, fill, and reformat PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports.Votes: 0GitHub stars: 4
- Nanobanana PptAI-powered PPT generation with document analysis and styled images via the NanoBanana stack. Combines image generation with structured deck output.Votes: 0GitHub stars: 4
- Paywall Upgrade CroDesign and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.Votes: 0GitHub stars: 4
- PdfExtract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.Votes: 0GitHub stars: 4
- Pixelbin MediaGenerate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.Votes: 0GitHub stars: 4
- Plan Design ReviewSenior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.Votes: 0GitHub stars: 4
- Platform Design300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.Votes: 0GitHub stars: 4
- Pptx GeneratorCreate and edit PowerPoint presentations from scratch with PptxGenJS — MiniMax's production-tested deck pipeline.Votes: 0GitHub stars: 4
- PptxRead, generate, and adjust PowerPoint slides, layouts, and templates. Useful for executive decks, training material, and product reviews.Votes: 0GitHub stars: 4
- Reference Design ContractTurn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff. Use it before prototypes, decks, redesigns, or image remix work when the user needs a reusable visual direction rather than a one-off prompt.Votes: 0GitHub stars: 4
- RemotionProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.Votes: 0GitHub stars: 4
- ReplicateDiscover, compare, and run AI models using Replicate's API. Strong fit for image, audio, and video generation pipelines that swap models frequently.Votes: 0GitHub stars: 4
- ScreenshotCapture desktop, app windows, or pixel regions across OS platforms. Useful for marketing screenshots, design reviews, and bug reports.Votes: 0GitHub stars: 4
- Screenshots MarketingGenerate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.Votes: 0GitHub stars: 4
- Shadcn UiBuild UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.Votes: 0GitHub stars: 4
- Shader DevGLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.Votes: 0GitHub stars: 4
- Slack Gif CreatorCreate animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.Votes: 0GitHub stars: 4
- SlidesCreate and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.Votes: 0GitHub stars: 4
- SoraGenerate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and rapid concept video iteration.Votes: 0GitHub stars: 4
- SpeechGenerate spoken audio from text using OpenAI's API with built-in voices. Useful for narrated explainers, lecture audio, and quick voiceover tracks.Votes: 0GitHub stars: 4
- Stitch LoopIterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.Votes: 0GitHub stars: 4
- Swiftui DesignSwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.Votes: 0GitHub stars: 4
- Theme FactoryApply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.Votes: 0GitHub stars: 4
- ThreejsThree.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.Votes: 0GitHub stars: 4
- Ui SkillsOpinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.Votes: 0GitHub stars: 4
- Ui Ux Pro MaxCatalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in MonoField.Votes: 0GitHub stars: 4
- Venice Audio MusicMusic generation queueing, retrieval, and completion endpoints via Venice.ai. Suited for jingles, background loops, and prototype scoring.Votes: 0GitHub stars: 4
- Venice Audio SpeechText-to-speech models, voices, formats, and streaming via Venice.ai. Useful for narration, voiceover, and conversational agent voices.Votes: 0GitHub stars: 4
- Venice Image EditImage edits, upscaling, and background removal via the Venice.ai API.Votes: 0GitHub stars: 4
- Venice Image GenerateImage generation endpoints and available styles via the Venice.ai API.Votes: 0GitHub stars: 4
- Venice VideoVideo generation and transcription workflows via the Venice.ai API.Votes: 0GitHub stars: 4
- Video DownloaderDownload videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.Votes: 0GitHub stars: 4
- Web Artifacts BuilderBuild complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.Votes: 0GitHub stars: 4
- Web Design GuidelinesWeb design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.Votes: 0GitHub stars: 4
- WpdsWordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.Votes: 0GitHub stars: 4
- Youtube ClipperYouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.Votes: 0GitHub stars: 4