Loading...
Loading...
Found 296 Skills
Strict slide-style extraction skill. Converts one or more reference slide images into a reusable DESIGN.md for future deck generation. Focuses on presentation design, not semantic content.
Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
Author/validate/export Google's DESIGN.md token spec files.
Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask in any language for UI, page, component, frontend, typography, screenshot-grounded visual polish, or complaints that a screen looks unclear, ugly, inconsistent, or visually wrong. Not for backend logic or data pipelines.
Designs UX/UI for websites and web apps: UX strategy, information architecture, user flows, wireframes, UI systems, component specs, and polished visual design. Use when the user asks to design, redesign, modernise, critique, or improve a website, landing page, web app interface, design system, style guide, or UI kit.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill to implement designs from Figma nodes or natural language to Vue 3 component or Nuxt pages using Mekari Pixel 3 design system. Requires a working Pixel MCP server connection.
Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials.
Use the Optics design framework for styling applications. Apply Optics classes for layout, spacing, typography, colors, and components. Use when working on CSS, styling views, or implementing design system guidelines.
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.