Claude Skills 列表

Plan and build conversion-focused landing pages with intake, proof-based copy, explicit page structure, and the ELAYA visual system.

Create structured Figma screens and libraries with ELAYA spacing, radius, semantic color variables, text styles, auto layout, and component states.

Apply Apple-inspired interface and motion principles to gestures, typography, depth, feedback, and accessibility on the web.

Audit and redesign AI-generated interfaces with product-specific visual direction, structured design passes, and optional snapshots or story video.

Find real app screens, user flows and website sections on Mobbin through the Mobbin MCP server, to ground UI design and code in shipped products.

Import Figma assets, tokens, components and motion into editable HyperFrames videos with source and fidelity checks.

Choose a design direction for a website from real sites and write it down as a DESIGN.md: colors with roles, type, spacing, radius, shadows and components, in light and dark.

Review a website or landing page and list what to fix, most important first: message, generic AI look, consistency, copy, mobile, accessibility, speed and missing states.

Choose a design direction for a website from real sites and write it down as a DESIGN.md: colors with roles, type, spacing, radius, shadows and components, in light and dark.

Review a website or landing page and list what to fix, most important first: message, generic AI look, consistency, copy, mobile, accessibility, speed and missing states.

AI infographic generator in Claude Code and Claude with Ideogram 4.5 through Wireflow: two clean infographic layouts with text spelled exactly. From a brief, a set of stats or an...

Generate professional slide-deck SVG images (not PPTX/PDF) when users ask to “create slides / slide deck / PPT” and need image outputs.

Generate professional poster design concepts and optimized image-generation prompts, then automatically run a drawing script to produce the final poster image when a user needs a...

AI-driven multi-format SVG content generation system. Converts source documents (PDF/DOCX/URL/Markdown) into high-quality SVG pages and exports to PPTX through multi-role...

Generate professional Key Visual (KV) design proposals and images; use when you have a slogan/copy and a marketing scenario but need a clear visual direction and a...

Generate renderable, scientific-style SVG graphics directly from natural-language requirements (no image models). Use when users ask for an image/picture/scientific...

Generate graphical abstract layout recommendations based on paper abstracts.

Use poster layout planner for other workflows that need structured execution, explicit assumptions, and clear output boundaries.

Use when creating journal cover images, generating scientific artwork prompts, or designing graphical abstracts. Creates detailed prompts for AI image generators to produce...

Universal UI/UX skill for generating production-grade screens, components, and design systems across HTML, Figma, and spec output. Use for any UI/UX design intent - dashboards,...