Best agent skills for designers, page 98

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json…

yonatangross/orchestkit

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

yonatangross/orchestkit

Vision, audio, video generation, and multimodal LLM integration patterns.

yonatangross/orchestkit

Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering.

yonatangross/orchestkit

Design system and guidelines for Claude's built-in showwidget tool to render high-quality interactive HTML/SVG widgets, charts, diagrams, and explainers inline.

criptogus/agent-evolve-network

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

criptogus/agent-evolve-network

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.

criptogus/agent-evolve-network

Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.

criptogus/agent-evolve-network

AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRI Use when the user asks for creative director work, or mentions od, creative, director.

criptogus/agent-evolve-network

Build a complete design system from scratch with creative risks and realistic product mockups Use when the user asks for design consultation work, or mentions od, design, consultation.

criptogus/agent-evolve-network

Create and manage DESIGN.md files Use when the user asks for design md work, or mentions od, design, md.

criptogus/agent-evolve-network

Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots Use when the user asks for design review work, or mentions od, design, review.

criptogus/agent-evolve-network

Improve prompts with design specs and UI/UX vocabulary Use when the user asks for enhance prompt work, or mentions od, enhance, prompt.

criptogus/agent-evolve-network

Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline.

criptogus/agent-evolve-network

Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults Use when the user asks for gsap core work, or mentions od, gsap, core.

criptogus/agent-evolve-network

GSAP ScrollTrigger for scroll-linked animations, pinning, scrub, and refresh handling Use when the user asks for gsap scrolltrigger work, or mentions od, gsap, scrolltrigger.

criptogus/agent-evolve-network

UI/UX design patterns and best practices Use when the user asks for ui ux pro max work, or mentions od, ui, ux.

criptogus/agent-evolve-network

Trigger Pattern MONETARYPARAMETER flag (fee, rate, emission, cap, bps as template fields) - Inject Into Breadth agents (merged via M4 hierarchy)

PlamenTSV/plamen

Trigger Pattern MONETARYPARAMETER flag (required) - Inject Into Breadth agents (merged via M6 hierarchy)

PlamenTSV/plamen

Trigger Pattern MONETARYPARAMETER flag (required) - Inject Into Breadth agents (merged via M4 hierarchy)

PlamenTSV/plamen

当需要设计 PyPTO 算子实现方案时使用此 skill。基于算子规格与相关上下文，生成 DESIGN.md（含 API 映射、Tiling 策略、Loop 结构）。Triggers: 生成设计方案、生成 design、设计这个算子、写 DESIGN.md、算子设计、API 映射、Tiling 策略、tiling strategy、Loop 结构、数据切分、怎么切分数据、怎么做…

ascend-ai-coding/awesome-ascend-skills

自动生成 ATB 到 ACLNN 算子替换的详细设计文档。接收用户提供的 ATB 和 ACLNN 接口文档链接， 输出包含参数映射、开发自测、风险评估的 7 章结构化设计文档。

ascend-ai-coding/awesome-ascend-skills

Keep a CometChat integration accessible — the UI Kit is designed targeting WCAG 2.1 AA with keyboard navigation (verify per component in its docs; full conformance still needs manual testing), and…

cometchat/cometchat-skills

Turn on CometChat Dashboard extensions in an Android v6 app — stickers, polls, collaborative whiteboard and document, message translation, link preview, thumbnail generation, message shortcuts — and…

cometchat/cometchat-skills

Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI.

cometchat/cometchat-skills

The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes.

cometchat/cometchat-skills

Turn on and wire individual CometChat features on iOS — threads, search, reactions, receipts, mentions, AI, moderation, extensions like polls and stickers.

cometchat/cometchat-skills

The shared FRONT DOOR for adding CometChat to ANY app — a consultative, enterprise-grade DISCOVER → UNDERSTAND → PLAN journey that ALWAYS runs first, before any framework core.

cometchat/cometchat-skills

Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl.

cometchat/cometchat-skills

Transform Claude into an expert in evidence-based educational presentation design.

guia-matthieu/clawfu-skills

Android native application development and UI design guide. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

AI image generation with OpenAI and Google APIs. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

Generate and maintain brand style guides - colors, fonts, imagery, voice/tone, responsive specs.

aiskillstore/marketplace

Create, render and publish AI faceless videos with Faceless.so.

aiskillstore/marketplace

Generate images with GPT Image 2 (ChatGPT Images 2.0) inside Claude Code, using your existing ChatGPT Plus or Pro subscription — no separate OpenAI access, no per-image billing.

aiskillstore/marketplace

See and understand images when you (the current model) have no native vision.

aiskillstore/marketplace

Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets.

aiskillstore/marketplace

Generate optimized prompts for Gemini 2.5 Flash Image (Nano Banana).

secondsky/claude-skills

CSS Modules with Lightning CSS and PostCSS for component-scoped styling.

MadAppGang/claude-code

Predefined design system references for UI reviews. An agent skill from MadAppGang/claude-code.

MadAppGang/claude-code

FFmpeg fundamentals for video/audio manipulation. An agent skill from MadAppGang/claude-code.

MadAppGang/claude-code

A skill your agent uses when optimizing performance or reviewing security.

MadAppGang/claude-code

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features.

MadAppGang/claude-code

Prompting patterns and review templates for UI design analysis with Gemini multimodal capabilities.

MadAppGang/claude-code

Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching.

MadAppGang/claude-code

UI design style file format specification with reference image support.

MadAppGang/claude-code

Best practices for building a Flutter UI package on Material: custom components, ThemeExtension theming, consistent APIs, widget tests, appuipackage scaffolding.

VeryGoodOpenSource/vgv-ai-flutter-plugin

Design systems and record architecture decisions as ADRs — a user-invoked Principal Architect workflow.

dralgorhythm/claude-agentic-framework