Design & Frontend
4,640 results
- Design GuidewilliamgarciadevEnterprise-grade UI design system for creating exceptional modern interfaces. Comprehensive design tokens, advanced components, accessibility standards (WCAG 2.1 AA), animation system, dark mode, and professional UX patterns. Use for HTML artifacts, React components, dashboards, SaaS applications, landing pages, or any production-ready interface.
- Design Guidearkcle83Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigation, or complete applications. Applies to HTML, CSS, React, Vue, Svelte, and any frontend framework. Ensures consistent, minimal, and accessible design patterns.
- Diagram Svg RenderdarcyegbRender a diagram as SVG markup without requiring Adobe Illustrator. Given a design specification from diagram-graphic-design (grid, type, color, elements) and a visual encoding plan from diagram-visual-encoding (composition, channels, layout), produce a complete SVG file that can be viewed in any browser, embedded in HTML, or converted to PNG.
- DocumentationBfdCamposUse this skill whenever writing any document - plans, proposals, docs, documentation, brainstorm docs, notes, guides, specs, designs, READMEs, or any markdown file output.
- Domain Driven DesignSmidigStormApply DDD tactical patterns (Entities, Value Objects, Aggregates, Domain Services, Repositories) and strategic design (Ubiquitous Language, Bounded Contexts). Use when modeling complex business logic.
- DrawioallllllllezGuidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with draw.io XML format. Ensures high-quality PNG output with correct Japanese text rendering and professional appearance.
- Enterprise System UX ExpertjunhuaExpert in enterprise system design (ERP, CRM, HRM, SCM, etc.) and corporate policies. Use when asked to review, reflect on, or critique enterprise software interface design. Provides domain expertise from existing systems and end-user role-playing for constructive feedback.
- Expo React NativezzoohubExpo/React Native project conventions and patterns. Use when: building cross-platform mobile apps with Expo, React Native screens, mobile-specific logic. Do not use for: UX decisions (use ux-design), token/component design (use design-system), web-only features. Workflow: this skill (building mobile apps) -> vercel-react-native-skills (refactoring and performance optimization if needed).
- Guia Diseno UI ModernoecoloncoEnseña principios de diseño UI/UX profesional para crear interfaces hermosas y modernas. Incluye paletas de colores contemporáneas, tipografía, espaciado y componentes. Evita clichés como gradientes azul-púrpura. Úsalo al diseñar cualquier interfaz de usuario.
- Hiapi Game AssetsHiAPIAIMake a complete, consistent game asset pack from one game idea through one HiAPI key — key art, character sprites and poses with transparent backgrounds, enemies, items, tilesets and UI icon sheets cut into game-ready PNGs, parallax backgrounds, title logo, background music, narrator voice lines and a trailer — then wire them into a playable prototype.
- Hmos Developmenttzuchaineç¨äº HarmonyOS NEXT å ArkTS å¼åï¼ç¹å«æ¯å¤ç .ets æ件ãå®ç° @ComponentV2 ç»ä»¶æè°è¯é误æ¶ä½¿ç¨ãåºäºå®æ¹æ åæä¾å¼åæ导ï¼å¹¶ç»´æ¤åç±»é误æ¥å¿ä»¥å®ç°é«ææ éææ¥ã
- ImpeccablesefllessCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
- Laravel PatternsomanjayaLaravel 12 best practices, design patterns, and coding standards. Use when creating controllers, models, services, middleware, or any PHP backend code in Laravel projects.
- Lead RoutingmbfinottiDesign the assignment logic that routes inbound leads to sales reps - rule precedence and waterfall ordering, lead-to-account matching, territory assignment rules (geography, segment, industry, named accounts), round-robin variants (straight, weighted, capacity-based, availability-aware), fallback catch-all queues, SLA escalation and reassignment, and safe rollout of routing changes.
- Lead ScoringmbfinottiDesign, validate, and recalibrate a lead scoring model - fit and engagement signals, weighting, negative scoring and exclusions, decay, MQL/PQL threshold and tier setting, backtesting against closed-won/closed-lost outcomes, and governance; also diagnoses an existing broken model.
- Lightning Architecture Review8144225309Review Bitcoin Lightning Network protocol designs, compare channel factory approaches, and analyze Layer 2 scaling tradeoffs. Covers trust models, on-chain footprint, consensus requirements, HTLC/PTLC compatibility, liveness, and watchtower support.
- Lvgl Skillshqz-2024LVGL v9 嵌入式 UI 开发规范，强制工程化架构（screen/component/ui_manager 三层分离）、分辨率自适应布局、GUI Guider 兼容。触发条件：项目使用 LVGL v9 图形库，或用户请求生成 LVGL UI 代码、创建界面、设计嵌入式屏幕、开发 ESP32-S3/K230 等平台的 GUI 应用。
- Material Design 3 Expressivenekorush14Apply Material Design 3 Expressive design principles, animations, and component patterns. Use when designing UI, implementing micro-interactions, color systems, or spring-based animations.
- Mdl2 Icon PickerWayneKoortsSelect appropriate Segoe MDL2 Assets icons for WinUI Windows applications. Use when the user needs an icon for their WinUI app UI, asks for icon recommendations, needs a glyph for a button or control, or wants to find icons by visual appearance or use case. Provides Unicode points and icon names with visual descriptions and creative alternatives.
- MermaidBfdCamposGuide for creating beautiful Mermaid diagrams with high-contrast styling for GitHub markdown (light/dark mode compatible, no icons).
- message-matchsaas-townCheck whether a landing page keeps the promises in the ad that sends people to it. Use when the user gives an ad (search ad, social ad, headline and description) and the landing page URL it points to, or asks whether a page matches its ad, keeps its ad promises, or has a message match problem.
- Milvus Meme Stickerzc277584121Create tiny no-text Milvus-style sticker memes for technical marketing, WeChat-style article moments, community posts, and developer-group reactions. Use when the user wants an original meme/sticker with an abstract Milvus bird/eagle mascot, strong exaggerated emotion, internet-native sticker energy, light-blue accents without making the whole character blue, and deterministic small-size exports…
- MintlifycodewithshreyansComprehensive reference for building Mintlify documentation sites. Use when creating pages, configuring docs.json, adding components, setting up navigation, or working with API references. Routes to detailed reference files for all components and configuration options.
- NamingtimschochThe code-naming rules. Use before naming a variable, function, file, type, table, route, component, event, or env var, and when a request's word differs from the repo's.