common-family-ux
Judge and shape UI/UX for products used by parents and young children - audience fit, accessibility, safety and trust, comfort, consistency, and human feel.…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,115 results
ios-design-system
Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.
laravel-clean-architecture
Implement Domain-Driven Design with typed DTOs, repository interfaces, and single-responsibility Action classes in Laravel. Use when creating domain folders,…
react-native-styling
Style React Native apps with StyleSheet API, Flexbox, theming, and responsive design. Use when implementing React Native styles, theming, Flexbox layouts, or…
system-design-integration-patterns
Choose distributed integration and evolution patterns by the constraint each removes: outbox, CQRS, event sourcing, saga orchestration or choreography, leader…
system-design-review
Audit an existing or proposed architecture and return a scored verdict across nine axes, from requirements and capacity evidence to observability and rollout,…
portrait-retouch
Analyze or retouch a single-person portrait of any gender with an identity-preserving, diagnosis-first workflow. Start with a progressive navigation menu and…
figma
Implement UI directly from Figma designs using the Figma MCP with pixel-perfect fidelity. Use when given a Figma URL, asked to "implement from Figma", "match…
baoyu-article-illustrator
Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids with multiple style options. Use when…
web-design
Editorial and design-system web pages with Swiss/International Typographic Style discipline — Müller-Brockmann modular grids, Vignelli Canon tokens, baseline…
codex-imagegen
Generate an image via Codex CLI (OpenAI gpt-image-1) and save to a local path. Use when user asks to create/draw/generate an image AND save it (e.g. "draw X,…
project-design-bootstrap
Bootstrap a new software project from product/system discussions or an existing codebase. Use when Codex needs to extract project intent, design…
h3-film-studio
Video generation skill (mainly local H3/Krea). Theme → intent → pose state machine → storyboard → final cut. Mandatory INTENT + shot_table preflight; do not skip the state machine and hand-build standalone keyframe images.
responsive-video-source-selection
Fix for responsive video source selection failing in Chrome and Firefox when using <source media="..."> inside <video>. Use when: (1) building a video player…
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
game-character-sprites
Create game-ready fixed-cell pixel-art character spritesheets from text concepts, reference images, or existing character art. Use when Codex needs to design,…
demo-reel
Use this skill when making a demo reel, demo video, product video, promo reel, or screen recording of an app, especially when the reel should double as an…
hypermoji
Use when a user wants to create or manage Hypermoji mascots or emotes through the Hypermoji CLI, including mascot generation, mascot import from image URL,…
hypervideo
This skill should be used when the user asks about "transparent video", "remove background from video", "Hypervideo", "stacked alpha", "@hypervideo-dev", or…
aikey-cover
AI KEY · Cover image production — video cover image production. Using your subject material images + background images + theme, produce covers in every aspect ratio required by the platforms you'll post to, all at once (vertical 3:4 / horizontal 4:3 / widescreen 16:9 / tall vertical 9:16, can be in Chinese or English), with each ratio laid out anew, not stretched, and each one checked against actual pixels before being filed by date. Cover headline copy is handled centrally by /aikey-title…
aikey-cut
AI KEY · Talking-head video editing — a skill for editing talking-head footage into a finished video. Turn shot footage into a publishable final cut: **reorganize content at the content level according to the script rules** (remove dead shots / de-duplicate / reorder) → speech editing (remove verbal tics / pauses) → speed-up → subtitles → B-roll → delivery. 🔴 **Only delete and reorder, never add words** —…
iblai-marketing-image
When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing…
iblai-marketing-video
When the user wants to create, generate, or produce video content using AI tools or programmatic frameworks. Also use when the user mentions 'video…