Design

UI/UX direction, visual design, and design systems

Showing 1249-1272 of 4749 skills
VisActor

vchart-development-assistant

by VisActor

VChart图表库专家助手,支持问题诊断、配置生成、图片/Figma设计稿还原等场景,基于结构化知识库提供精确的图表开发解决方案

Design 1.9K 8mo ago
AmrDab

clawdcursor

by AmrDab

FALLBACK ONLY — do not invoke unless you have already ruled out (1) a native API (Gmail API, GitHub API, Slack API …), (2) a CLI (git, gh, aws, npm, curl …), (3) direct file editing, and (4) existing browser automation (Playwright, Puppeteer). Only when all four are unavailable or have already failed should you use this skill. It gives AI agents a cursor and a keyboard on a real desktop — the last mile when the only remaining surface is a GUI. Concretely: use it when an earlier attempt via API, CLI, or direct file edit has failed and the user says things like "open X", "click Send", "type this in Word", "read what is on my screen", "do this in Outlook", "drive the Figma UI", "control my desktop", "automate this workflow", "fill out this form", or "copy text between apps". Works on Windows, macOS, and Linux with any LLM that can call functions (Claude, GPT, Gemini, Llama, Kimi, Ollama) over MCP — stdio for editor hosts (Claude Code, Cursor, Windsurf, Zed) or HTTP for daemons and dashboards.

Accessibility 406 5mo ago
tt-a1i

teach

by tt-a1i

Teach the user a new skill or concept, within this workspace.

Design 187 4mo ago
tt-a1i

wayfinder

by tt-a1i

Plan a huge chunk of work — more than one agent session can hold — as a shared map of decision tickets on your issue tracker, and resolve them one at a time until the way to the destination is clear.

Design 187 2mo ago
tt-a1i

to-tickets

by tt-a1i

Break a plan, spec, or the current conversation into a set of tracer-bullet tickets, each declaring its blocking edges, published to the configured tracker — edges as text in one file per ticket locally, or native blocking links on a real tracker.

Design 187 2mo ago
onmax

document-writer

by onmax

Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.

Design 724 8mo ago
nuxt-modules

manage-mcp

by nuxt-modules

Manage MCP servers in Nuxt with @nuxtjs/mcp-toolkit — setup, create tools/resources/prompts, organize with handlers, build interactive MCP Apps, add elicitation/logging/sessions, review, and troubleshoot.

Design 181 2mo ago
zarazhangrui

codebase-to-course

by zarazhangrui

"Turn any codebase into a beautiful, interactive single-page HTML course that teaches how the code works to non-technical people. Use this skill whenever someone wants to create an interactive course, tutorial, or educational walkthrough from a codebase or project. Also trigger when users mention 'turn this into a course,' 'explain this codebase interactively,' 'teach this code,' 'interactive tutorial from code,' 'codebase walkthrough,' 'learn from this codebase,' or 'make a course from this project.' This skill produces a stunning, self-contained HTML file with scroll-based navigation, animated visualizations, embedded quizzes, and code-with-plain-English side-by-side translations."

Design 5.7K 7mo ago
Prat011

brand-guidelines

by Prat011

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Design 1.8K 12mo ago
JinHo-von-Choi

AnchorMind Skill Reference

by JinHo-von-Choi

Shadow mode 없이 Phase 2+ 직행 기존 데이터의 claim 백필 없이 explain/policy 활성화 시 경고 오탐 증가 MEMENTO_SYMBOLIC_SHADOW=true + scripts/backfill-claims.js --dry-run 선행 후 단계적 활성화

Auth 171 1mo ago
nahisaho

ui-ux-designer

by nahisaho

Copilot agent that assists with user interface and experience design, wireframes, prototypes, design systems, and usability testing Trigger terms: UI design, UX design, wireframe, mockup, prototype, user interface, user experience, design system, component library, accessibility, responsive design Use when: User requests involve ui ux designer tasks.

Accessibility 79 10mo ago
BankrBot

productclank-campaigns

by BankrBot

Community-powered growth for builders. Boost amplifies your social posts with authentic community engagement (replies, likes, reposts). Discover finds relevant conversations and generates AI-powered replies at scale. Use Boost when the user has a post URL. Use Discover when the user wants to find and engage in conversations about their product.

Design 1.2K 7mo ago
markdown-viewer

infocard

by markdown-viewer

Create editorial-style information cards using HTML/CSS embedded directly in Markdown. Best for knowledge summaries, data highlights, topic overviews, event announcements, and content cards with magazine-quality typography and layout. NOT for architecture diagrams (use architecture), flowcharts (use mermaid), or data visualization (use vega).

Academic 3.4K 6mo ago
woodfantasy

seedance-shot-design

by woodfantasy

Professional-grade virtual film director and prompt engineer for Seedance 2.0 (即梦). Transforms vague ideas into cinematic, production-ready video prompts with Hollywood-caliber shot design. Covers every workflow — text-to-video, image-to-video, multi-modal references, video extension, character swap, dialogue-driven short films, and music-synced edits. Ships with a cinematography dictionary (50+ safe camera-move phrases), a director style library (Villeneuve, Wes Anderson, Shinkai, Wuxia & more), a 3-layer lighting & quality-anchor system that kills the "plastic AI look," and a built-in structured validation checklist so every prompt passes before delivery. Supports bilingual output (Chinese/English) with smart >15 s auto-segmentation for long-form storytelling. Trigger words: Seedance, Shot Design, AI video, storyboard, video prompt, short film, cinematic prompt, 即梦, 视频提示词, 分镜, 视频脚本, AI视频, 短片脚本, 镜头设计, 运镜.

Design 130 6mo ago
markdown-viewer

mindmap

by markdown-viewer

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

Design 3.4K 6mo ago
SynkraAI

aiox-ux-design-expert

by SynkraAI

UX/UI Designer & Design System Architect (Uma). Complete design workflow - user research, wireframes, design systems, token extraction, component building, and quality assurance

Agents 3.1K 7mo ago
staruhub

ui-analyzer

by staruhub

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS. Use this skill when the user provides UI mockups, design screenshots, or Figma exports and requests implementation. Provides detailed layout analysis, component breakdown, design token extraction, and production-ready code generation following best practices.

Code Gen 732 11mo ago
DaleSeo

style-guide

by DaleSeo

문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일을 유지하도록 돕는 검사기. 어조(경어체/반말), 용어(사용자/유저), 숫자 형식, 목록 스타일, 따옴표, 날짜/시간 형식의 불일치를 감지합니다. 다중 작성자 문서 검토 시, 프로젝트 전체 용어 표준 유지 시, 공식 문서 준비 시, 브랜드 일관성을 위한 문서 작업 시 사용하세요.

Design 236 8mo ago
real-simple-labs

update-parker-skill

by real-simple-labs

Make a correct update to Parker's prompts, system docs, rubrics, knowledge docs, training corpus, or brand outputs — and propagate the change everywhere it needs to land. Use this skill whenever you are changing any part of the Parker context-engineering system, including tightening a rule, adding a principle, propagating a pattern, adding or modifying a prompt, adding a knowledge doc, or evolving a skill. The skill exists because Parker's docs are highly cross-referenced and inheritance-driven, and updates that look local often have non-obvious downstream impact.

Design 105 3mo ago
hoodini

ux-design-systems

by hoodini

Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design consistency. Triggers on design system, design tokens, component library, theming, dark mode.

Processing 290 9mo ago
jakubkrehel

oklch-skill

by jakubkrehel

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

Accessibility 270 6mo ago
sandraschi

graphic-design-fundamentals

by sandraschi

Graphic design expert covering typography, color theory, layout, and visual communication

Academic 20 9mo ago
sandraschi

uiux-design-consultant

by sandraschi

User experience and interface design expert for wireframing, user research, and design systems

Academic 20 9mo ago
hoodini

figma

by hoodini

Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing design systems, building Figma plugins, or automating design-to-code workflows. Triggers on Figma API, design tokens, Figma plugin, design-to-code, Figma export, Figma component, Dev Mode.

API Dev 290 9mo ago