banner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional…
@nextlevelbuilderInstall SkillClaude Code Design skills :)
Flowy lists 976 skills in the Design category for Claude Code, across 108 plugins. A skill is a folder of instructions an agent loads while you work. Every one here shows what is inside before you install, who wrote it, and whether it is Auto-invoked, meaning a FLOW.md router fires it as you prompt.
@nextlevelbuilderInstall Skillbrand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of…
@nextlevelbuilderInstall Skilldesign
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI…
@nextlevelbuilderInstall Skillimpeccable
Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components,…
@pbakausInstall SkillAuto-invoked
8-bit-orbit-video-temp…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene…
@nexu-ioInstall SkillAuto-invoked
ad-creative
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad…
@nexu-ioInstall SkillAuto-invoked
after-hours-editorial-…
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and…
@nexu-ioInstall Skilldiagram-design
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, steps,…
@cathrynlaveryInstall Skillanimate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at…
@emilkowalskiInstall Skillanimate-expo
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it…
@emilkowalskiInstall Skillanimation-performance
Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is…
@emilkowalskiInstall Skill
animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at…
@emilkowalskiInstall Skillanimate-expo
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it…
@emilkowalskiInstall Skillanimation-performance
Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is…
@emilkowalskiInstall Skillcad
Creates and edits parametric CAD parts, assemblies and 2D profiles as Python build123d models that text-to-cad's server builds…
@earthtojakeInstall Skillengineering-drawing
Make an engineering drawing of a part as a PDF - orthographic views with hidden lines and centre marks, real dimensions, hole…
@earthtojakeInstall Skillfea
Checks whether a part or an assembly of bonded parts holds under its loads, as a linear static stress study of a STEP, an xbf or…
@earthtojakeInstall Skillarchitect
Optional Pascal API key for the hosted MCP endpoint; Cursor uses browser OAuth instead.
@pascalorgInstall Skillfurniture-fit
Optional Pascal API key for hosted scene checks; input-gap reports and local Pascal do not require it.
@pascalorgInstall Skillpascal-3d
Optional Pascal API key for the hosted MCP endpoint; local Pascal does not require it.
@pascalorgInstall Skilllanding-page-design
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion…
@elayadesignInstall Skillafk
Works through a project while you're away, finding improvements and new ideas, building the best of them on a local branch and…
@jakubkrehelInstall Skillbetter-accessibility
Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom…
@jakubkrehelInstall Skillbetter-colors
Builds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.
@jakubkrehelInstall Skill
gc-minimal-zine-poster
Generate or analyze poetic paper-texture minimal zine posters with large negative space, a small editorial collage or focal…
@liamgvchiInstall Skillinterface-design
Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive…
@dammyjay93Install Skilldesignlang
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or…
@manavarya09Install Skillextract-design
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML…
@manavarya09Install Skillbig-pics-little-words
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
@plannotatorInstall Skilldesign-artifact
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and…
@plannotatorInstall Skillhtml
Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and…
@plannotatorInstall Skillmake-interfaces-feel-b…
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code,…
@jakubkrehelInstall Skillagentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
@bergsideInstall Skillant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
@bergsideInstall Skillartistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
@bergsideInstall Skillagentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
@bergsideInstall Skillant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
@bergsideInstall Skillartistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
@bergsideInstall Skilla-b-test-design
Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured…
@owl-listenerInstall Skillaccessibility-audit
Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a…
@owl-listenerInstall Skillaccessibility-test-pla…
Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when…
@owl-listenerInstall Skilla11y-audit
Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and…
@plugin87Install Skillapply-aesthetic
Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 2,144…
@plugin87Install Skillbrandkit
Generate a complete, accessible brand design system from a brief, as primitive → semantic → component DTCG tokens (color, type,…
@plugin87Install Skillapple-design-skill
Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com,…
@dickwuInstall Skillpixel2motion
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU…
@nolangzInstall Skillexcalidraw-skill
Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or…
@yctimlinInstall Skilldesign-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and…
@zanweiInstall Skillmaterial-3
Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components,…
@hamenInstall Skilldesign-motion-principl…
Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build…
@kylezantosInstall Skilldesign-motion-principl…
Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build…
@kylezantosInstall Skill3dviz-pro-max
Design and build expressive 3D scenes, explainers and interactive models with grounded subject knowledge. Use for 3D creation or…
@viettranxInstall Skillseed-change
SEED 변경의 영향·검증·기준 브랜치를 판단하거나, 공개 패키지 changeset을 작성하거나, 명시적으로 요청받은 rebase·commit·push·PR 제출을 할 때 사용한다.
@daangnInstall Skillseed-component
SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
@daangnInstall Skill
HIGAgentSkills
Apple Human Interface Guidelines reference, updated for iPhone Duo and OS 27. Provides authoritative platform-specific design…
@justinwetchInstall Skillweb-design
Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing…
@xiaopu-aiInstall Skilldesign-lab
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce…
@0xdesignInstall Skillpower-design
Generate beautiful, on-brand HTML — presentation decks or full responsive websites — in any brand's design language, combining…
@itsssssjackInstall Skillrefactoring-ui-skill
Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained…
@s0xdkInstall Skillspine-animation-ai
Create Spine 2D skeletal animations from pre-existing character assets (separated body-part PNGs, atlas spritesheet, or a full…
@genielabsopensourceInstall Skillqiaomu-design
为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA， 也创作与修改微信公众号封面、B站封面、YouTube 缩略图、小绿书配图和小红书封面，按平台检查裁切与可读性。 在用户要求从零设计、重设计、优化…
@joeseesunInstall Skillqiaomu-design
为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA， 也创作与修改微信公众号封面、B站封面、YouTube 缩略图、小绿书配图和小红书封面，按平台检查裁切与可读性。 在用户要求从零设计、重设计、优化…
@joeseesunInstall Skillsvg-diagram
SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, architecture…
@bybit-exchangeInstall SkillRuiC-card-skill
Generate interactive 3D holographic collectible-card websites from a user description or reference image, using layered artwork,…
@hruicccInstall Skillskill.color-expert
Use when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge -…
@meodaiInstall Skillandroid
Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts,…
@ehmoInstall Skillios
Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS.…
@ehmoInstall Skillipados
Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer…
@ehmoInstall Skill
balanced-coupling
The Balanced Coupling model for software design. Use when: designing modular architectures, evaluating coupling between…
@vladikkInstall Skilldesign
Designs modular high-level architectures from functional requirements and produces design documents for each module. Use when…
@vladikkInstall Skilldocument
Produces modularity review documents in both Markdown and HTML formats. Use when writing the final review output from a…
@vladikkInstall Skilldesign-mobile-apps
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
@sleekdotdesignInstall Skill
bench-fixture-gen
Generates the shared per-task fixture that every competing arm starts from: a realistic dataset plus an image asset base.…
@kwakseongjaeInstall Skillclaude-design
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로…
@kwakseongjaeInstall Skillomd
Compatibility router for older `omd` invocations. Route existing UI work to omd:apply, autonomous greenfield work to…
@kwakseongjaeInstall Skillmobile-app-ui-design
Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app…
@ceorkmInstall Skill
adaptive-communication
Use when detecting ambiguous user intent, hedging language, open-ended framing, personal context before requests, or when unsure…
@benciumInstall Skillbencium-aeo
Generate AEO-optimized content (Answer Engine Optimization) for AI search visibility - ChatGPT, Claude, Gemini, AI Overviews. Use…
@benciumInstall Skillbencium-code-conventio…
Bence's code style, tech stack, and workflow conventions
@benciumInstall Skillepic-infographics
Create polished, professional infographic images from data, facts, or a topic. Builds a self-contained HTML/CSS+SVG page in one…
@orronInstall Skilltaste-skill
Reverse-engineer the design taste of any website. Given a URL, captures DOM data and a screenshot via real browser, then runs a…
@senlindesignInstall Skill01-establish-visual-hi…
Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies
@gnurioInstall Skill02-apply-typography-sc…
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
@gnurioInstall Skill03-build-color-palette
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades
@gnurioInstall Skill880 more in Design. See them all →