Design

bauhaus-design

by kinjxlcodes

Apply Bauhaus design principles to web interfaces, UI components, landing pages, dashboards, posters, and any visual layout. Auto-activates when the user asks to build, style, or redesign anything with words like "clean", "minimal", "geometric", "modernist", "editorial", "Bauhaus", "Swiss", "grid-based", or "form follows function". Produces production-grade HTML/CSS and React that looks like Image 1 (editorial car showcase), Image 2 (IDENTIFONT heavy type grid), Image 3 (Bauhaus UI components circle), and Image 4 (geometric architecture illustration).

design-spec-rules

by artivilla

Enforce design-to-code fidelity rules. Use when implementing UI from Figma, mockups, or design specs to ensure pixel-perfect accuracy.

mobile-design-director

by kafka0000

Senior UX/UI Design Director for mobile app design auditing across all platforms (iOS, Android, cross-platform). Triggers on "UI建议", "审美讲义", "交互建议", design audit, UI review, UX audit, or premium design feedback. Provides three-tier proposals (Safe/Balanced/Avant-Garde), aesthetic formulas, motion physics, and brand consistency checks. Specializes in "Young Luxury" mobile experiences grounded in Apple HIG and Material Design 3.

design-system-starter

by VisualxIntelligence

Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.

second-opinion

by asharma567

Get a second opinion from another LLM (Codex, Grok, Claude, Gemini) — smart-routed by task type, with optional deep-research and fan-out-to-all modes. Use when the user wants a sanity check, an outside critique, a different style ("ask grok", "ask gemini"), a synthesis across providers, or a deep-research dive on a question that benefits from web-grounded multi-step research.

MinimalistVisualDesign

by Cedaric

极简主义视觉内容设计。将任何输入内容转化为具有强烈视觉冲击力的极简主义现代网页设计。五阶段工作流，从内容解析到最终合并交付，产出独立的阶段性文件。USE WHEN 极简设计, 视觉设计, 内容可视化, 排版设计, 杂志排版, minimalist design, visual design, content visualization, editorial design。

web-design-guidelines

by yldgio

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 against best practices".

ui-design-system

by nimeshgurung

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

skill-engineering-hub

by kizzieallergenic635

A Skill Engineering Platform prototype for registry, lifecycle, scorecard, governance, promotion, and golden-path driven skill development.

ATG Jira2Teams Base Architecture

by escti

Regras intransigentes de UI/UX, arquitetura de código e release management para o monitor de filas do Jira e notificador de Teams.

design

by Alicoder001

UI design guidelines for web apps covering layout, typography, color, spacing, and component consistency. Use when defining or reviewing UI/UX design systems, page layouts, or visual hierarchy.

epic-design

by ACM-NITSURAT

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.

emil-design-eng

by eso-coder

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

website-prompt-generator

by isumenuka

Generate highly detailed, component-by-component prompts and blueprints for building websites based on user ideas. Automatically integrates the UI/UX design intelligence of the ui-ux-pro-max database (67 styles, 96 palettes, 57 typography pairings, and 99 UX guidelines). Trigger this skill whenever the user asks for a website prompt, landing page specifications, or a frontend build guide (React, Tailwind, Framer Motion, HTML, Next.js, Svelte, Vue, shadcn/ui, Anime.js, GSAP), or uploads reference images/UI mockups, or asks for complex animations using animejs / anime.js (timelines, stagger, scroll, drag and drop, SVG morphing) or GSAP ScrollTrigger (scroll-linked animations, pinning, scroll scrubbing, batching, scroller proxying).

pack-house-design

by ndtrunggg-ai

Use this skill to generate well-branded interfaces and assets for The Pack House, a Hanoi-based heritage bag / backpack / luggage maker — either for production code or throwaway prototypes, mocks, decks, social, and packaging concepts. Contains essential design guidelines, colors, type, fonts, logo assets, and a marketing-site UI kit.

cloe-coach-design

by cloecoach19

Use this skill to generate well-branded interfaces and assets for C.L.O.E. Coach (Crush Limits Or Explode), a private coaching PWA for strength + nutrition by María Fernández. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping in dark-mode lime-on-indigo with Syne + DM Mono.

hookradar-creative-intelligence

by Anagogic-blastinggelatin157

Use when researching competitors, paid ads, Meta Ad Library creatives, TikTok ads, Instagram/TikTok organic videos, HookRadar MCP data, creative trends, AI creative analysis, reports, downloadable ad/video assets, or shareable creative tables for marketing teams.

kirbs-design

by dawooni0625

KIRBS를 위한 잘 브랜딩된 인터페이스와 에셋을 생성할 때 이 스킬을 사용하세요 — 깊은 인디고(#2D3378) 프라이머리, Pretendard 한글 서체, 완전한 W3C-DTCG 토큰 레이어를 갖춘 B2B 어드민/콘솔 디자인 시스템입니다. 프로덕션 코드, 일회성 프로토타입, 목업, 슬라이드 덱, 그리고 KIRBS다움이 필요한 디자인 탐색에 적합합니다.

lsmd

by julbly38-a11y

Design Figma Agent

by shaul1991

비동기 처리: 폰트 로드 등 비동기 작업은 await 사용

programmatic-seo

by michaelmcker

Use when creating SEO-driven page families at scale using templates, structured data, taxonomy, renderers, and progressive indexing. Trigger for programmatic SEO, pSEO, template pages, pages at scale, directory pages, location pages, service-area pages, keyword plus city pages, comparison pages, integration pages, profile pages, product variant pages, and data-driven SEO pages.

peru-shopping-comparison

by liesexe

Prices shopping lists at Makro Peru, Plaza Vea, and Tottus, then recommends the cheapest single-store full-trip option. Uses cut/bulk season, asks about ambiguous beef cuts and product variants, prefers exact product links, and keeps pack-size/unit-price logic. Outputs a spreadsheet with all three stores, direct product links, and no blank cells. Use web_search + web_fetch only.

carbon-icons

by CoRLab-Tech

Carbon Design System icon usage for React components. MANDATORY when any component includes an icon. Use when implementing UI components that need icons, building atoms/molecules/organisms with icon elements, or adding icons to buttons, inputs, navigation, or any other UI element. Covers icon imports, sizing, color, alignment, touch targets, and the V-Shield Design System icon labeling system.

b2b-service-website

by ottoo3x-star

"Build and operate high-converting B2B service company websites for agencies managing multiple clients. Use for: local service businesses (recovery, towing, legal, HVAC, security, logistics, etc.) targeting institutional or commercial clients. Covers the full agency lifecycle: PRD intake, design brainstorm, AI image generation, component build, Google Maps, lead capture form, CRM integration (HubSpot, GoHighLevel, Salesforce, Pipedrive, Zapier), UTM lead tracking, GA4/Meta Pixel/GTM analytics, multi-client project management, and client handoff."