设计与前端
4,640 个结果
- Kiss Campika-labsUse when the user asks for kiss cam or a task matching the examples below. Generate a viral fake "in-arena Kiss Cam moment" of any two subjects — a fan-filmed phone shot of the MSG Jumbotron with retro Kiss Cam graphic + scoreboard, plus a 15s Kling v3-omni clip with PA-announcer commentary and crowd reaction. Any subject styles (human, 3D toy, illustrated avatar). No names.
- Rivetkit Client Reactrivet-devRivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.
- Ui5 Best PracticesUI5UI5 development best practices and coding standards derived exclusively from official SAP UI5 guidelines. Use when writing UI5 applications to ensure modern, maintainable code following SAP standards. Covers: async module loading (sap.ui.define, ES6 imports, core:require), ComponentSupport initialization, data binding with OData types, i18n management, CSP compliance (no inline scripts)…
- Ui5 Best Practices TablesUI5UI5 table best practices for freestyle applications. Use when creating/troubleshooting any table: sap.m.Table (ResponsiveTable), sap.ui.table.Table (GridTable), TreeTable, SmartTable, or sap.ui.mdc.Table. Covers control selection matrix, mandatory rules, common errors, and per-control API guidance.
- Viral Hookpika-labsUse when the user asks for viral hook or a task matching the examples below. Prepend a 4s viral hook + optional designed title to a user's video, then hard-cut into the real clip. An attention-grabbing event erupts into the user's OWN scene; the title is rendered in-scene by Seedance. One MCP call does the whole render. Requires Pika MCP.
- Control Plan BuilderRBraga01Interactive Control Plan builder — takes PFMEA failure modes and process flow steps as input and builds a complete Control Plan row by row, with correct control methods, sample plans, and reaction plans for each characteristic. Use when building a new Control Plan, updating after a corrective action (8D D7), or converting a PFMEA into Control Plan format.
- Dfmea DesignRBraga01Build a design risk analysis, DFMEA worksheet, or interface analysis using the AIAG-VDA FMEA Handbook 2019. Covers design intent, interface failures, boundary diagram, and design robustness before manufacturing. Use during new product development, design changes, or when a field failure reveals a design weakness. Required for IATF 16949 §8.3 scope.
- Java Jpa HibernatepluginagentmarketplaceMaster JPA/Hibernate - entity design, queries, transactions, performance optimization
- Pdca ImprovementRBraga01Run a PDCA cycle, Plan Do Check Act improvement cycle, or structured improvement project. Guides through problem analysis, piloting, verification, and standardisation. Distinguished from 8D: PDCA is for proactive improvement initiatives, 8D is for reactive defect response. Use for process optimisation, lessons learned implementation, and quality objectives.
- React Coding StylelegendappImplement or review React UI with narrow subscriptions, stable identities, and correct Hook semantics.
- Resend Design SkillsresendUse when needing Resend design resources. Routes to brand guidelines and visual identity.
- Angular MaterialdanielsoglUse when working with Angular Material components, theming, or styling. Triggers on requests involving "material", "theme", "mat-", buttons, dialogs, forms, tables, or UI components.
- Flow Designerkhgs2411Design features through brainstorming and make architectural decisions. Use when user wants to brainstorm, design approach, make architecture choices, or update PLAN.md.
- ReactpymodelReact 19 components and hooks.
- TailwindpymodelTailwind CSS v4 styling and configuration.
- UI DesignpymodelAccessible, responsive frontend UI and UX design.
- Web DesignaviflombaumWeb graphic design for interfaces, layouts, and visual systems. Use when designing landing pages, dashboards, hero sections, or applying design aesthetics (Bauhaus, Pop Art, Retro, Futuristic). Triggers on "design a", "visual design", "landing page", "color palette", "typography".
- Animation Designerdaffy0208Expert in web animations, transitions, and motion design using Framer Motion and CSS
- BMAD Methoddaffy0208Business Model and Architecture Design methodology for aligning technical architecture with business model sustainability and scalability
- Brand Designerdaffy0208Expert in brand identity, logo design, and visual brand systems
- Design System Architectdaffy0208Build scalable, maintainable design systems that unify product experiences. Use when creating component libraries, design tokens, or establishing design standards. Covers atomic design, Storybook, theming, and design system governance.
- Frontend Builderdaffy0208Build modern React/Next.js frontends. Use when creating web applications, choosing frontend stack, structuring components, or implementing UI/UX designs. Covers React, Next.js, Tailwind CSS, and component patterns.
- Mobile Developerdaffy0208Expert in React Native, Expo, and cross-platform mobile development
- Msw Avatarmsw-gitMSW avatar management — costume (CostumeManagerComponent, 17 slots) + animation 3-layer pipeline (StateComponent → AvatarStateAnimationComponent → AvatarRendererComponent). Four-level distinction: State key (uppercase) / AvatarBodyActionStateName (lowercase) / MapleAvatarBodyActionState enum / sprite action ID (swingO1, shoot1).