Design

UI/UX direction, visual design, and design systems

Showing 1321-1344 of 3153 skills
ZackKorman

web-design-guidelines-6

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-8

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-4

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-9

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-5

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-2

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-3

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
ZackKorman

web-design-guidelines-7

by ZackKorman

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Accessibility 19 6mo ago
yoanbernabeu

slidev-styling

by yoanbernabeu

Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.

Design 36 7mo ago
Giro03k

statistical-analysis

by Giro03k

Statistical analysis service. Trigger conditions: (1) Upload a data file, (2) Say "statistical analysis" / "analyze my data" / "run the data", (3) Mention a specific statistical method (t-test / regression / SEM, etc.). Core principle: Proactively diagnose like a top-tier statistical consultant — don't just execute the method the user requests, ensure the method selection is correct.

Design 3 7mo ago
d-kimuson

frontend-design

by d-kimuson

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Animation 3 7mo ago
MKShahzad77

strapi-expert

by MKShahzad77

Strapi v5 plugin development expert. Use for building, refactoring, or revamping plugins, custom APIs, admin panel extensions, Document Service API usage, content-type creation, and CMS architecture. Invoke when working with Strapi v5 backend development, troubleshooting plugin issues, implementing Strapi best practices, or following Strapi plugin design guidelines. Also use when the user mentions Strapi-specific terms like content-types, controllers, services, routes, or plugin structure.

Design 3 7mo ago
yusefellban

AI Agent Development Skills & Best Practices

by yusefellban

Flat Assertions: Avoid nesting flow.test inside other test flows to prevent variable type collision and compiler ambiguity. Check state properties directly via viewModel.state.value or in separate test cases.

Design 3 1mo ago
yarlson

saas-site-design

by yarlson

This skill should be used when the user asks to "design a SaaS site", "create a design spec", "make a site blueprint", "design a marketing site layout", "specify the visual design for a product site", or mentions producing design specifications, layout patterns, component specs, or visual blueprints for a SaaS marketing website.

Code Gen 3 7mo ago
Radcliffeinsubordinate572

youtube-poop-video-maker

by Radcliffeinsubordinate572

Use this skill when the user wants a short YouTube poop, cursed trailer, glitch-poetry montage, absurd supercut, reflective meme edit, or FFmpeg-rendered remix video from text, webpages, code, documents, media, or from scratch. Activate for prompts like “make this weirder,” “give it a personal spin,” “what it feels like,” “render with ffmpeg,” or self-aware AI / LLM montage requests. The skill plans and renders a dense, aesthetically pleasing 20–60 second video with many micro-scenes, readable typography, restrained neon or analog treatments, controlled audio, optional TTS fragments, and a default seeded-remix blueprint that samples the bundled styles at runtime.

Design 3 6mo ago
sentenz

technical-article

by sentenz

Creates, revises, and reviews technical articles using formal encyclopedic language, numbered Markdown sections, manual tables of contents, coherent taxonomies, practical examples, and source-qualified references. Use for technical or engineering articles and knowledge-base entries, especially Markdown files under content/articles, docs/articles, or articles.

Code Gen 3 1mo ago
bruno-rv

premium-presentations

by bruno-rv

Generate, edit, validate, and bundle complete Premium Presentations HTML slide decks from this self-contained skill repository. Use when creating or modifying presentations, slide decks, talks, lectures, workshops, pitches, browser-rendered HTML decks, presenter-mode decks, themed decks, Mermaid diagram decks, or reusable presentation templates with the bundled scripts, themes, runtime, assets, and validators.

Design 3 3mo ago
sentenz

go-unit-testing

by sentenz

Automates unit test creation for Go projects using the standard testing package with consistent software testing patterns including In-Got-Want, Table-Driven Testing, and AAA patterns. Use when creating, modifying, or reviewing unit tests, or when the user mentions unit tests, test coverage, or Go testing.

Design 3 4mo ago
sentenz

go-fuzz-testing

by sentenz

Automates fuzz test creation for Go projects using Go's native fuzzing engine with consistent software testing patterns. Use when creating fuzz tests, mutation testing, or when the user mentions fuzzing, coverage-guided testing, or property-based testing.

Design 3 4mo ago
NxProxyStudios

apple-bento-grid

by NxProxyStudios

Create Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements. Generates self-contained HTML files with zero-gap grids, stat cards, pill tags, bar charts, and dark quote cards — optimized for screenshot export. Supports both light (Apple signature #f5f5f7) and dark (#000) themes. Use when the user asks to build stat cards, bento grids, project summary cards, dashboard cards, Apple-style presentation layouts, project overviews, achievement showcases, or any visual summary of numbers and milestones. Also use when the user wants to create slides, infographics, or visual reports with a clean Apple aesthetic.

Design 3 5mo ago
sentenz

go-api-documentation

by sentenz

Automates API documentation creation for Go projects using godoc conventions and best practices. Use when creating, modifying, or reviewing documentation comments, or when the user mentions godoc, documentation, or API docs.

Comments 3 7mo ago
sentenz

adr

by sentenz

Creates and maintains Architecture Decision Records (ADRs) following a structured format with State, Context, Decision, Considered, Consequences, Implementation, and References sections. Supports single-option decisions, multi-option decisions within one decision scope, multiple complementary decisions, and deferred decisions. Use when creating, updating, or reviewing architectural decisions, or when the user mentions ADR, architecture decisions, technical decisions, or design records.

Design 3 4mo ago
hiroho-t

slide-wireframe

by hiroho-t

16:9スライドのワイヤーフレームをHTMLで作るときに使う。表紙・目次・中見出し・会社概要・社長挨拶・メンバー紹介・よくある質問の7カテゴリ38種のレイアウト型を持つ。「スライドのワイヤーを作って」「表紙のレイアウト案がほしい」「目次ページの構成を」「会社概要スライドを」などの依頼で必ず使うこと。明示的に「スキル」と言われなくても、プレゼン資料・会社紹介資料・サービス紹介資料のページ構成をHTMLで組む場面では積極的に発火させる。

Design 3 1mo ago
daffy0208

Frontend Builder

by daffy0208

Build modern React/Next.js frontends. Use when creating web applications, choosing frontend stack, structuring components, or implementing UI/UX designs. Covers React, Next.js, Tailwind CSS, and component patterns.

Debugging 35 8mo ago