Design & Frontend
4,640 results
- Nativewind V4estebandrgNativeWind v4 patterns for Liftera (React Native + React Native Web). Trigger: When styling React Native components with className, configuring Tailwind/NativeWind, or debugging style differences between web and mobile.
- Openscad 3d Modelingco-labs-coOpenSCAD-based 3D modeling for programmatic generation of solid CAD models suitable for 3D printing. Use when generating mechanical parts, parametric designs, functional prototypes, geometric shapes, or any 3D printable models.
- Pikaso Art Directorpuri-adityakumarArt Director orchestration for the Pikaso Design Council. Use when generating new mockup frames (cold path) or when the user asks to "design", "generate", or "create a new frame". Do NOT use for annotation-apply (hot path) — follow AGENTS.md apply loop instead.
- Pitch Deck Generatoramo-tech-aiGuides through AI pitch deck generation workflow and troubleshooting. Use when creating pitch decks, debugging wizard errors, troubleshooting Edge Functions, or working with the PitchDeckWizard component.
- Ponytailzzz2929强制使用最懒惰、最简单、最短、最最小的解决方案。引导一位见多识广的高级开发人员：质疑任务是否需要存在（YAGNI），在自定义代码之前访问标准库，在依赖关系之前访问本机平台功能，在五十行之前访问一行。支持强度级别：低、全（默认）、超。用于任何编码任务：编写、添加、重构、修复、审查或设计代码，以及选择库或依赖项。每当用户说“马尾辫”、“懒惰”、“懒散模式”、“最简单的解决方案”、“最小解决方案”，“yagni”、“少做”或“最短路径”，或者抱怨过度工程、臃肿、样板或不必要的依赖关系时，也可以使用。请勿用于非编码请求（常识、散文、翻译、摘要、食谱）。
- PrimevuekindySetup and use PrimeVue UI component library in Vue/Vite projects with auto-import, theming, and component configuration. Use when working with PrimeVue components, setting up PrimeVue in a Vue project, configuring themes (Aura, Lara, etc.), or implementing auto-import for PrimeVue components.
- React Native Mobile DevelopmentBabakBarBuild and manage React Native/Expo mobile apps including project setup, development workflows, and platform-specific guidance. Use when working on mobile app development, configuration, or running apps.
- Revenue Data Governance StrategymbfinottiSet org-wide revenue data governance policy - which system is source of truth per object class (account, contact, opportunity, subscription, usage event, revenue metrics), how cross-team data contracts bind producers to consumers, where revenue metric definitions live, and who arbitrates disputes.
- Revenue Kpi FrameworkmbfinottiDesign the org-wide revenue KPI framework at the macro level - which metrics matter at each org level from board to IC, how they roll up through a reconciling metric tree with explicit math, who owns each branch, which guardrail counter-metrics ride alongside each owned number, and how the set is gated by company stage and business model.
- Revenue ReportingmbfinottiDefine the metric set and narrative structure for an executive or board revenue report so it tells one coherent story - a small stable metric spine, locked definitions, an answer-first narrative around plan vs actual vs forecast, presenting a miss without surprising the board, the reconciliation and sign-off chain, and weekly vs monthly vs quarterly cadences.
- Rill ComponentRill DataDetailed instructions and examples for developing component (custom viz) resources in Rill
- Rust Architecture PatternsdavincibleSoftware architecture and system design patterns for Rust applications. Use when designing module boundaries, planning application layers, implementing dependency injection, structuring domain logic, or organizing error handling across architectural boundaries.
- Sales To Cs HandoffmbfinottiDesign the sales-to-CS handoff process after a deal closes - what data transfers, when, in what artifact, and who is accountable - producing a handoff spec with a gated closed-won trigger, a required handoff packet, timing SLAs, a kickoff meeting pattern, and a CS acceptance/rejection step. For RevOps and Sales Ops designing and enforcing the process, not a CSM running one handoff.
- Sci Fi UI DesignunklstewyDesign hard sci-fi / tactical telemetry UI views and components for the Seeed Studio reTerminal D1001 (ESP32-P4, 800x1280 MIPI-DSI, 32MB PSRAM). Use when the user asks to design, mock up, lay out, theme, or spec a new screen, console, MFD panel, HUD, widget, sprite sheet, or visual style for the sc_ui component or any ship console_id.
- Senior UX UI DesignerDruidss资深UI/UX设计师技能，基于PRD内容和设计偏好生成设计规范。通过设计调研和用户体验分析，创建精简实用的视觉系统和交互指南。
- Shadcn UIacejou27Shadcn UI component library - beautifully designed React components built with Radix UI and Tailwind CSS
- Shadcn UI Best PracticesJewelsHovanGuide for proper shadcn-ui component usage - use Card for wrapping/layout, compose from base components, never modify components/ui directly
- Shader CreatorpolatsCreating GLSL shaders with interactive parameter exploration. Use this when users request creating shaders, fragment shaders, visual effects, procedural textures, or shader art. Create original shader code that runs in real-time with adjustable parameters.
- Software ArchitectAlenaMusExpert software architecture guidance for system design, design patterns, architectural decisions, code reviews, scalability planning, and technical leadership. Use when discussing architecture, design patterns, system design, refactoring, technical decisions, or code structure.
- Specleixin-jin以需求、设计、任务三阶段进行规格驱动开发，把模糊功能想法转化为可实现、可验证的规范与计划；适用于复杂功能、多组件集成、高风险项目、团队协作、AI 辅助开发与知识沉淀；不适用于简单 bug 修复、快速实验原型、紧急热修复或成熟模式下不确定性很低的改动。
- Stop SlopjssblckUse when drafting or editing durable prose, including docs, UI copy, comments, commit messages, and PR or issue text. Skip ordinary chat replies.
- Syncfusion StylingdanielnymbergUse when styling or laying out SyncFusion components. Critical for understanding what CSS classes exist vs don't exist. Prevents using fake utility classes that break layout. Auto-activates when working with SF component styling, layout, spacing, colors, or icons.
- Tailwind V4colelawrenceTailwind CSS v4 styling for this project. Use when writing or modifying component styles, CSS classes, or theme configuration. Provides the project's semantic color system and v4-specific patterns.
- Tauri V2funnyhustGuide for building professional desktop apps with Tauri 2.0, Rust backend, and MVVM React frontend. Use when creating cross-platform apps with Vite + React + Zustand + Tailwind CSS 4.