设计与前端
4,640 个结果
- Component Wrapper ArchitectureTheOrcDevBest practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.
- Fumadocs Registry IntegrationTheOrcDevRegister 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.
- Gaming UI State ManagementTheOrcDevPatterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI components with state-driven visuals.
- Registry Component PatternsTheOrcDevRegister components in registry.json for shadcn/ui add command. Apply when adding new 8-bit components to the component library.
- Rendering Animate SvgtheorcdevWrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especially in 8-bit retro components with pixel art animations.
- Rerender Functional SetstatetheorcdevUse functional setState updates to prevent stale closures and unnecessary callback recreations. Apply when updating state based on the current state value in React components.
- Gentleman Installergentleman-programmingInstallation step patterns for Gentleman.Dots TUI installer. Trigger: When editing installer.go, adding installation steps, or modifying the installation flow.
- Cinematic Story Architecturenolanx-aiUse for story-driven film, trailer, short drama, adaptation, or multi-shot video requests that need strong narrative escalation, beat design, and production-ready scene structure.
- Design DnazanweiExtract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a…
- Oil UIoil-oil设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于纯业务逻辑、接口构建、无界面变化的代码整理，或改法已完全明确的日常修改（如改文案、调数量、删指定元素、复用现有样式，哪怕带有“优化”字样）。已安装 oil-ui-pro 时交给 oil-ui-pro。
- Senior FrontendcomposiohqFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
- Typescript MagicianMatteo CollinaDesigns complex generic types, refactors `any` types to strict alternatives, creates type guards and utility types, and resolves TypeScript compiler errors. Use when the user asks about TypeScript (TS) types, generics, type inference, type guards, removing `any` types, strict typing, type errors, `infer`, `extends`, conditional types, mapped types, template literal types, branded/opaque types…
- Native Feel Cross Platform DesktopyetoneUse when the user is designing, prototyping, or rewriting a desktop app that must run on multiple OSes (macOS + Windows, optionally Linux) AND feel indistinguishable from a native app to its users — fast launch, native windowing, native input handling, native materials.
- Huashu Designalchaincyf设计哲学顾问，从20种风格中推荐3个方向并生成视觉Demo和AI提示词。当用户提到"设计风格"、"设计方向"、"配色方案"、"视觉风格"、"设计评审"、"推荐风格"时使用。
- Huashu Video Outlinealchaincyf快速生成2-3个视频大纲方案，含标题、封面建议和结构设计。当用户提到"视频大纲"、"视频结构"、"脚本大纲"、"视频选题"时使用。
- Logo CreatorReScience LabCreate logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.
- Video ClawHITsz-TMGAI 视频生成全流程：通过 6 个阶段（剧本→角色/场景设计→分镜→参考图→视频生成→后期剪辑）将用户想法转化为完整视频。支持临时工作台（单独调用 LLM、VLM、文生图、图生图、视频生成）和一次性短流程 Pipeline（文艺短视频、动作迁移、数字人口播）。触发词：视频生成、AI视频、AIGC、创作视频、制作视频、AI画图、文艺短视频、静态短视频、动作迁移、数字人口播。
- Beuistarc007Pick and install beUI (@beui) animated React components through public MCP or the shadcn registry. Use when building motion UI, agent/chat interfaces, toasts, docks, bottom sheets, drawers, popovers, sliders, loaders, 404 pages, or any beui.dev component. Maps user intent to exact @beui install slugs instead of inventing custom widgets.
- Egomotion Estimationbenchflow-aiEstimate camera motion with optical flow + affine/homography, allow multi-label per frame.
- Ffmpeg Video Filtersbenchflow-aiApply video filters - scale, crop, watermark, speed, blur, and visual effects
- Image Editingbenchflow-aiComprehensive command-line tools for modifying and manipulating images, such as resize, blur, crop, flip, and many more.
- Llm Inference Batching Schedulerbenchflow-aiGuidance for optimizing LLM inference request batching and scheduling problems. This skill applies when designing batch schedulers that minimize cost while meeting latency and padding constraints, involving trade-offs between batch count, shape selection, and padding ratios.
- Python Scala Oopbenchflow-aiGuide for translating Python classes, inheritance, and object-oriented patterns to Scala. Use when converting Python code with classes, dataclasses, abstract classes, inheritance, properties, static methods, class methods, or design patterns.
- Threejsbenchflow-aiThree.js scene-graph parsing and export workflows: mesh baking, InstancedMesh expansion, part partitioning, per-link OBJ export, and URDF articulation.