跳到正文
cccskills

设计技能

UI/UX、标志、幻灯片、图像生成(7396 个)

按价格或排序方式筛选

Bottom-sheet and popup growth system: booking CTAs, calendars, lead capture, surveys, re-engagement, with CRO tracking hooks. Zero-deps; works static or dynamic sites. Works with cm-booking-calendar, cm-ads-tracker, cm-google-form, cm-readit, cm-ux-master.

中文简介正在准备中。当前显示原文说明。

tody-agent/codymaster542026年8月26日 更新

Strategic analysis gate for existing products — multi-dimensional evaluation (tech, product, design, business) using Design Thinking + 9 Windows (TRIZ) + Double Diamond. Outputs 2-3 qualified options with recommendations. Use BEFORE cm-planning for complex initiatives and enhancements on existing codebases.

中文简介正在准备中。当前显示原文说明。

tody-agent/codymaster542026年8月26日 更新

Ultimate Design System Intelligence. Manage, extract, replicate, and improve UI design systems. Extracts design tokens visually from existing sites (Harvester v5), manages multi-page tokens, and utilizes MCP servers like Google Stitch and Pencil.dev to generate complete, consistent design systems (Shadcn UI, Halo, Lunaris, Nitro). Use when the user asks to "extract design from a URL", "create a Shadcn design system", "analyze design tokens", "build a design system for", or "copy the UI style of".

中文简介正在准备中。当前显示原文说明。

tody-agent/codymaster542026年8月26日 更新

daisyui

免费

Official daisyUI component-library skill for Tailwind CSS. When you write HTML or JSX code, you must use it. Even if the user does not request it, use it.

中文简介正在准备中。当前显示原文说明。

oqtopus-team/qdash542026年10月23日 更新

sdd-ui

免费

UI Component Editor workflow. Use when the user wants to implement a React component from a screenshot in an SDD project, iterating visually with live preview.

中文简介正在准备中。当前显示原文说明。

sifter-ai/sifter542026年9月17日 更新

blazor

免费

Use for Blazor Server development with Fluent UI Blazor, Razor components, layouts, pages, scoped UI services, culture switching, localization, forms, loading/empty/error states, and Studio-style dashboard workflows.

中文简介正在准备中。当前显示原文说明。

AterDev/Perigon.CLI542026年9月10日 更新

Design

免费

A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.

中文简介正在准备中。当前显示原文说明。

frhscopex/design-skill-os542026年4月17日 更新

peekaboo

OpenClaw 官方免费

Capture and automate macOS UI with the Peekaboo CLI.

中文简介正在准备中。当前显示原文说明。

openclaw/nix-openclaw-tools542026年10月24日 更新

sag

OpenClaw 官方免费

ElevenLabs text-to-speech with mac-style say UX.

中文简介正在准备中。当前显示原文说明。

openclaw/nix-openclaw-tools542026年10月24日 更新

Scout the TouchDesigner community for what's HYPED right now — community showcases, recent tutorials, generative-AI bridges, hardware interaction trends, visual-aesthetic trends of 2025-2026 — then propose tdmcp tools that ride those trends AND are easy to build. Use whenever the user wants to brainstorm new feature ideas based on what's trending in TouchDesigner, asks for 'hype' or 'trending' features, asks 'what are people doing in TD right now / what's hot / what's hype', wants tools inspired by community trends, asks to scout TD trends/aesthetics/integrations, or says things like 'ideias hype', 'novas ideias', 'o que está em alta', 'criar ferramentas para o que está bombando', 'tendências do TouchDesigner'. Also for follow-ups: refresh, rescout one surface, re-rank under another profile, deepen a trend, or filter for buildable-easy items. This is an EXTERNAL trend ideation harness — complementary to tdmcp-feature-discovery (which is INTERNAL gap analysis). It produces `_workspace/hype-scout/HYPE_TOOL_BACKLOG.md` ranked by Hype × Build-Ease; it does NOT build. Once a feature is chosen from the backlog, hand it to tdmcp-pipeline.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Design the Soundcraft Ui24R adapter boundary for AI-Controlled Party: dry-run, Bitfocus Companion, direct Node bridge, connection health, config, failure handling, and live-validation gates. Use whenever a task mentions Soundcraft, Ui24R, snapshots, cues, Companion, soundcraft-ui-connection, mixer bridge, or revising the adapter design.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Orchestrates the AI-Controlled Party mixer/Soundcraft Ui24R design team. Use whenever the user wants to design, update, refine, re-run, or implement-plan the Soundcraft Ui24R scene-arming expansion, mixer-aware AI party, operator-approved mixer cues, snapshots/cues/show control, Companion bridge, or any follow-up based on prior mixer design results. Produces a spec for tdmcp-pipeline; does not implement runtime code.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Scout ONE external surface of the TouchDesigner community for what's HYPED in 2025-2026 that could become a tdmcp tool. Use when a td-trend-scout sub-agent is assigned a surface (community-showcase, tutorials, generative-ai, hardware-interactive, or vfx-aesthetics) during the tdmcp-hype-scout harness — produces `_workspace/hype-scout/01_scout_<surface>.md` with cited trend candidates ranked by hype intensity, recency, and build-ease in tdmcp.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Design a tdmcp feature into an implementable spec before any code is written — choose the layer, define the Zod input schema, lay out the TD network topology, plan the bridge/Python approach, sketch a UI wireframe when relevant, and list probe-first risks + the test plan. Use whenever a tdmcp feature idea needs a design/wireframe/spec, or when someone asks to plan/scope/architect a new tool, generator, effect, control, or AI prompt for the TouchDesigner MCP server.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Diagnose tdmcp and TouchDesigner bridge problems with bounded checks and evidence-backed recovery steps.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Apply fail-closed consent, scope, undo, and verification rules to TouchDesigner mutations made with tdmcp.

中文简介正在准备中。当前显示原文说明。

Pantani/tdmcp532026年8月16日 更新

Interactive button-based UI for XMTP agents following XIP-67. Use when creating menus, confirmation dialogs, selection options, or any button-based interaction. Triggers on inline actions, buttons, menus, or ActionBuilder.

中文简介正在准备中。当前显示原文说明。

xmtplabs/xmtp-agent-examples532026年2月21日 更新

This skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39". Provides tiered (not all-or-nothing) reduced-motion patterns in CSS and JS.

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills532026年6月22日 更新

This skill should be used when the user asks to "add a glassmorphism effect", "frosted glass UI", "Apple liquid glass style", "frosted blur card", "translucent glass panel animation", "make a frosted nav bar", "build a glass modal/dialog", "animate a glass card on hover", or "add a refracting liquid-glass hero". Covers frosted translucent panels with backdrop-filter blur, edge/specular highlights, SVG liquid-glass refraction, motion on hover/scroll/enter, and accessible reduced-transparency fallbacks.

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills532026年6月22日 更新

This skill should be used when the user asks to "animate an SVG", "make a line draw itself on", "do a stroke draw-on / signature animation", "morph one shape into another", "move an element along a path", "animate an icon/logo", or "animate an SVG gradient or filter". Covers stroke-dashoffset draw-on, path morphing, motion-along-path, and animated icons/gradients/filters via CSS, SMIL, and GSAP.

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills532026年6月22日 更新

This skill should be used when the user asks to "add a hover/press effect", "animate a toggle or switch", "build an animated like button", "make a toast/snackbar slide in", "animate a drawer or modal", "animate list reordering or add/remove", "do a shared-element layout transition", or "polish UI feedback". Covers UI motion with Framer Motion (motion/react) and modern CSS.

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills532026年6月22日 更新

This skill should be used when the user asks to "fix janky CSS animation", "make animation 60fps", "stop layout thrashing", "animate width/height/top/left smoothly", "convert animation to transform", "animate box-shadow performantly", "animate height auto", "FLIP animation", or "why is my scroll/hover animation choppy".

中文简介正在准备中。当前显示原文说明。

iart-ai/web-animation-skills532026年6月22日 更新

Internal downstream skill for ctf-sandbox-orchestrator. CTF-sandbox workflow for LSASS-resident secrets, Windows logon sessions, Kerberos ticket caches, DPAPI-backed material, SSP artifacts, and replayable credential extraction. Use when the user asks to inspect LSASS memory, recover tickets or logon sessions, trace DPAPI or SSP material, distinguish which credential artifacts are replayable, or connect host-resident credential material to an accepted pivot or privilege edge. Use only after `$ctf-sandbox-orchestrator` has already established sandbox assumptions and routed here.

中文简介正在准备中。当前显示原文说明。

zhaoxuya520/AI-Fullstack-Delivery-Workflow532026年5月19日 更新

建立设计令牌系统时使用。适用于设计系统建立、跨平台一致性、设计代码同步。优先使用 W3C DTCG 2025.10 标准 + 三层 Token + JSON 输出。

中文简介正在准备中。当前显示原文说明。

zhaoxuya520/AI-Fullstack-Delivery-Workflow532026年5月19日 更新