Loading...
Loading...
Found 252 Skills
This skill should be used when the user asks to "add a glassmorphism effect", "frosted glass UI", "Apple liquid glass style", "frosted blur card", "translucent glass panel animation", "make a frosted nav bar", "build a glass modal/dialog", "animate a glass card on hover", or "add a refracting liquid-glass hero". Covers frosted translucent panels with backdrop-filter blur, edge/specular highlights, SVG liquid-glass refraction, motion on hover/scroll/enter, and accessible reduced-transparency fallbacks.
Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
Create a beautiful HTML explanation of a repo, spec, PR, architecture, or concept so a smart beginner can understand and retell it.
Convert Markdown content into exquisite image posters. Ideal for turning podcast summaries and article content into social media share images. Fixed 3:4 aspect ratio, supports using YouTube video covers as header images. Trigger phrases: "Convert to Image", "Markdown to Image", "Generate Poster", "Generate Share Image", "Turn this into an Image".
Ensures trailing icons remain visually attached to the last line of text when text wraps. Use when implementing inline text with trailing icons, external link indicators, or when fixing trailing icon alignment issues in wrapped text.
Programmatic visual asset pipeline for proposal-context logos and images. Uses Recraft, OpenAI Image, and Nano Banana Pro together with phase-aware breadth vs convergence.
Expert guidelines for building performant animations with Anime.js animation library
Create custom, highly interactive data visualizations with D3.js (Data-Driven Documents)
Create beautiful infographics based on the given text content. Use this when users request creating infographics.
Get logos and icons for Gmail, Slack, HubSpot, and 200+ other integrations
Implement custom icons in Umbraco backoffice using official docs
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.