设计与前端
4,640 个结果
- Design Mdnexu-ioCreate and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.
- Design Taste Frontend V1nexu-ioThe original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
- Emilkowalski Motionnexu-ioMotion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add tasteful micro-interactions, state transitions, and page motion with product-grade restraint.
- Enhance Promptnexu-ioImprove prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
- Fal Generatenexu-ioGenerate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.
- Figma Code Connect Componentsnexu-ioConnect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.
- Figma Create Design System Rulesnexu-ioGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.
- Figma Create New Filenexu-ioCreate a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.
- Figma Extractnexu-ioPull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.
- Figma Generate Designnexu-ioBuild or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
- Figma Generate Librarynexu-ioBuild or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
- Figma Implement Designnexu-ioTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.
- Figma Usenexu-ioRun Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.
- Flutter Animating Appsnexu-ioImplement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.
- Frontend Designnexu-ioCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.
- Frontend Devnexu-ioFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
- Frontend Skillnexu-ioCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
- Fs Creative Voltagenexu-ioOpenDesign's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask. Built as a decision-grade fundraising pitch deck for pre-seed & seed VCs.
- Fs Editorial Forestnexu-ioArt-directing a fashion house's annual report — the editorial system, the photography rhythm, and the data spreads. Built as a decision-grade design craft deck for brand stakeholders, exec audience.
- Fs Electric Studionexu-ioOpenDesign as an enterprise design platform: a buyer-forwardable proposal for a design-org's economic buyer — pain, value, ROI, rollout. Built as a decision-grade B2B sales deck for economic buyer, design VP, procurement.
- Gpt Tastenexu-ioElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
- Gsap Corenexu-ioOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP.
- Gsap Frameworksnexu-ioOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is specified. For React use gsap-react.
- Gsap Reactnexu-ioOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.