vibe-customize
Customize your app's UI with shadcn and iblai brand
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
design-ui
Use when a project needs evidence-grounded UI direction, a project UI profile, scoped reference analysis, task briefs, design tokens, component maps, versioned…
ddd-rails-modeling
Use when modeling Domain-Driven Design concepts in a Ruby on Rails codebase. Covers Rails-first mapping of entities, aggregates, value objects, domain…
ddd-ubiquitous-language
Use when a Ruby on Rails feature, bug, or architecture discussion has fuzzy business terminology and you need a Domain-Driven Design ubiquitous language.…
igniteui-wc-figma-to-app
Builds Ignite UI Web Components views from Figma designs. Supports Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI,…
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…
check
Audit existing UI files against the locked design system. Returns compliance report with violations and fixes. Supports all 121 brands.
diff
Token-by-token diff of a file against the locked design system. Usage: /design-drift:diff [file].
fetch
Preview a DESIGN.md for any brand. Does not activate enforcement. Usage: /design-drift:fetch [brand].
hugging-face-ui-skills
Hugging Face's UI design system. Use when building interfaces inspired by Hugging Face's aesthetic - dark mode, Inter font, 4px grid.
lock
Lock a brand design system for the session. Activates drift enforcement on all subsequent UI writes. Supports 121 brands. Usage: /design-drift:lock [brand].
ian-xiaohei-illustrations
Generate Ian-style English article illustrations. Use for user requests that need weird, clean, hand-drawn body images, article illustrations, shot lists, or…
managing-design-tokens
Expert in design tokens using the DTCG specification. Use this skill when users ask about design tokens, DTCG format, token validation, formatting,…
img2pixi2d
Rebuild images as editable PixiJS 2D scenes with Sprite/Graphics/Text/Container composition, object separation, occlusion completion and native motion review.
video-to-subtitle-summary
Use when user provides a short video platform URL (Douyin, Xiaohongshu, Bilibili, etc.) or a local video/audio file path and wants to extract subtitles and…
design-image-prompt-engineer
Expert photography prompt engineer specializing in crafting detailed, evocative prompts for AI image generation. Masters the art of translating visual concepts…
3d-object
Use when modeling 3D objects, interactive scenes, or inspection models with Three.js
animated-video
Use when creating animated product launch videos, GSAP timelines, or visual motion assets
create-design-system
Use when building consistent design systems, visual tokens, components, and CSS foundations
design-sync
Use when synchronizing design tokens, storybook components, or CSS variables between design and code
flier
Use when designing marketing fliers, single-page promotional posters, or social media cards
handoff-to-claude-code
Use when transferring interactive design prototypes into production code implementations
hi-fi-design
Use when polishing UI mockups into pixel-perfect, high-fidelity production interfaces
make-a-deck
Use when building 16:9 presentation slide decks, visual storyboards, or pitch decks