Claude Skills by skeletorflet

Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, testing web apps, dogfooding Open Design previews, QA, bug hunts, or reviewing app quality. Prefer local Open Design preview URLs unless the user explicitly asks for external browsing.

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.

Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.

推特金句 / 数据卡, 适合配推文

小红书风格知识卡片, 多张联排可滑动浏览

Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.

Extract and analyze competitors' ads from ad libraries to understand messaging and creative approaches that resonate.

Write and rewrite marketing copy for landing pages, homepages, and ads. Useful as a copy chief partner during launches.

Create a refreshable live operations artifact for customer success, support, or launch review workflows.

Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.

Create a concise HTML pitch deck for an early-stage product, with a strong narrative arc and finance-ready slide structure.

AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.

Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.

把 CSV/Excel/JSON 数据转成漂亮的可视化报告页

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

Build a complete design system from scratch with creative risks and realistic product mockups. Useful for kickoff workshops and brand-from-zero work.

Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.

Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.

Turn-1 discovery question form for ambiguous briefs.

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

Read, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.

Create, edit, and analyze Word documents with tracked changes, comments, and formatting. Useful for design briefs, copy docs, and review-ready deliverables.

Generate creative domain name ideas and check availability across multiple TLDs including .com, .io, .dev, and .ai.

Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.

Use when you have a written implementation plan to execute in a separate session with review checkpoints

Use this plugin when the user wants an accepted Open Design artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.

Generate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.

Generate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.

AI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.

Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.

Create talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.

Real-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.

Restore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.

Train custom AI models (LoRA) on fal.ai for personalized image generation tailored to a brand, character, or style.

Virtual try-on — see how clothes look on a person via fal.ai's hosted try-on models. Useful for ecommerce, lookbooks, and styling experiments.

Upscale and enhance image and video resolution using AI super-resolution models hosted on fal.ai.

Edit existing videos using AI — remix style, upscale, remove background, and add audio via fal.ai's hosted video models.

Analyze images — segment objects, detect, run OCR, describe, and answer visual questions via fal.ai vision models.

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

Create a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.