visionos-design-guidelines
Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/hand input, or designing immersive…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-15 00:40
Design & creation
18,120 results
code-connect-components
Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect this component to code", "connect Figma to…
emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
logo-designer
The introduction is being prepared. Please check back soon.
memory-onboarding
Help a new user design a Basic Memory knowledge system and set up their assistant to load it. Use when someone is getting started, has an empty or messy…
ss-review
Review UI code for design system compliance, accessibility, and best practices
brand-yml
The introduction is being prepared. Please check back soon.
ss-setup
Configure StyleSeed by selecting the output grammar, domain, page type, brand recipe, semantic palette recipe, optional aesthetic profile, and bounded brand…
comic-panel-generation
Generate comic and manga panels, strips, and pages using each::sense AI. Create superhero comics, manga pages, webtoons, action sequences, and convert photos…
zimage-generation
The introduction is being prepared. Please check back soon.
nano-banana-2
Generate and edit images using Google's Nano Banana 2 (Gemini 3.1 Flash Image Preview) API. This skill should be used when the user asks to create or modify…
ss-lint
Quick automated lint — detects common design system violations in seconds
flux-best-practices
Comprehensive guide for BFL FLUX image generation models. Covers prompting, T2I, I2I, structured JSON, hex colors, typography, multi-reference editing, and…
ui-design-patterns
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations
ss-update
Check and update an existing StyleSeed installation by exact rule/skill revision, preserve project-owned design decisions, then recompile and verify the…
elasticsearch-index-design
Design and review Elasticsearch index mappings for stated access patterns: correct field types, text+keyword multi-fields, doc_values tuning, mapping-explosion…
manga-drama
Comic Drama Generator - A comic-style short drama generation tool based on Seedance. Supports automatically generating comic drama storyboard scripts and videos based on a protagonist image. Suitable for creating comic-style short videos, character stories, animated shorts, etc. Use this skill when users want to generate comic-style video short dramas, character stories, or comic dramas.
motion-graphics
Use when the user wants a short, design-led motion graphic where motion is the message: kinetic typography, stat or number count-up, chart/data-viz hit, logo…
remotion-best-practices
Router for all Remotion skills
video-transcript
The introduction is being prepared. Please check back soon.
ruby-rails
Conventions and best practices for building web applications with Ruby on Rails. Use when scaffolding Rails apps or generators, designing ActiveRecord models…
mobile-first-design
Design for mobile devices first, then scale up to larger screens. Create responsive interfaces that work seamlessly across all device sizes.
draw-io
draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.
performance-and-web-vitals
Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.