Design

UI/UX direction, visual design, and design systems

Showing 2065-2088 of 2111 skills
wiztral

shadcn-theming

by wiztral

Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management.

Code Gen 0 5mo ago
getdirekt

brand-guidelines

by getdirekt

Applies Direkt's official brand colors and typography to any artifact that should follow our look-and-feel. Use it when brand colors, typography, visual formatting, or design standards apply.

Processing 0 6mo ago
tianaegidi

wiki-builder

by tianaegidi

Create and edit Confluence wiki pages on wiki.cfdata.org. Use this skill whenever the user asks to create a wiki page, build a dashboard, make a Confluence page, set up wiki documentation with macros (Jira issues, panels, status lozenges, tables, charts, roadmaps, table filters), edit existing pages, or replicate/copy existing wiki pages. Also use when the user mentions wiki.cfdata.org, Confluence, or wants to revamp/redesign a wiki page.

Processing 0 1mo ago
zxxub99

zhongxiang-mochoubang

by zxxub99

钟祥市专属本地社交互助闲置平台完整产品需求规范;适用于开发团队落地实施、产品经理需求文档编写、技术架构师方案设计参考

Database 0 1mo ago
DanielWillson

harness-kit

by DanielWillson

Set up a project the Harness Kit way: machine + repo safety floor, tailored settings, a CLAUDE.md contract, a health-check audit, a knowledge wiki, a human README, and the building principles. Two flows: KICKOFF for a brand-new project ("run the kickoff", "kick off this project", project scaffolding) and ADOPTION for retrofitting the same harness onto an existing codebase ("adopt the kit", "retrofit the harness", "bring this project up to the kit's standards"). NOT for ordinary day-to-day work in a project that already has the harness.

Design 0 18d ago
zyuuryuu

slidecraft

by zyuuryuu

Author polished PowerPoint (.pptx) decks from Markdown via SlideCraft's MCP server. Use when the user wants slides/a presentation built or edited from text, with a company template's fonts, colours and layouts preserved. You write Markdown + pick diagram types; SlideCraft's deterministic engine fills the template, keeps everything on-budget, and exports native (editable) PPTX shapes.

Design 0 3d ago
krt-iri

das-kartell-design

by krt-iri

Use this skill to generate well-branded interfaces and assets for DAS KARTELL / IRIDIUM (the "Profit Basetool" Star Citizen squadron-management app), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

Design 0 1mo ago
arxhidamos

dashboard

by arxhidamos

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

Design 0 2mo ago
CoRLab-Tech

figma-illustration-import

by CoRLab-Tech

Import vector illustrations from Figma as reusable React atom components. Use when a component or page needs a custom illustration (NOT a standard Carbon icon). Triggers on requests like 'implement this illustration from Figma', 'add this Figma illustration', 'create illustration component', or when a Figma node contains a multi-layer vector illustration (lock, envelope, microscope, etc.). BEFORE creating a new illustration, always check if it already exists in apps/web-app/src/components/atoms/Illustration*.tsx and apps/web-app/public/assets/illustrations/.

Code Gen 0 5mo ago
gilbatini

VoyageDoc Design System — SKILL.md

by gilbatini

```

Design 0 3mo ago
kyledean-yb

yb-marketing-design

by kyledean-yb

Use this skill to generate well-branded interfaces and assets for YB Marketing (Yakima Branding), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

Design 0 1mo ago
Yns941

frontend-design

by Yns941

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.

Design 0 2mo ago
Clarkky1

letsgo

by Clarkky1

This skill should be used when the user types "/letsgo", says "letsgo", "let's go build", "start a new project", or "kick off a new build". It runs the full 15-step project kickoff flow: personal vs client check (with client meeting prep if client), gather context + MCP setup, brand check + design system, UI standard (Hallmark/portfolio-design/motion-design-school/website-ui-v2/liquid-glass-design/landonorris-ui/pixel-art) + design-inspiration brief (Mobbin/Godly/Awwwards/Lapa/VibeUI/Aceternity/Origin UI/Magic UI/Motion Primitives/21st.dev/Fancy Components/hover.dev/buildui.com/UIverse/Emil Kowalski/Grainient/Mesher/CSS Pattern/SVG Backgrounds/Lummi/Fontjoy/Typewolf/Realtime Colors/oklch/Radix Colors/Lucide/Phosphor/Tabler/60fps.design/Codrops/transition.style), platform detection + animation stack + lenis + matter.js, 3-terminal setup (with iteration cap: 4 attempts max per sub-agent then escalate to supervisor; and model tiering: Sonnet for orchestration/known patterns, Opus for judgment calls/ambiguous decisions/second-failure escalation), background component (spline/haikei/vanta/grainient/mesher/css-pattern/svgbackgrounds/framer/endlesstools), typography + color + icon lock, engagement design, tech stack + database (supabase/prisma/drizzle) + auth (clerk/nextauth) + zod validation + REST API 8 rules (domain-driven/HTTP methods/idempotence/status codes/versioning/semantic paths/batch/query language) + infra layer (reverse proxy/load balancer/API gateway) + scale readiness (read replicas/connection pooling/message queues/circuit breakers/CDN/distributed tracing/multi-region/cost guardrails) + RAG (pgvector/Pinecone/hybrid search/reranker/GraphRAG) + knowledge graph (Neo4j/Memgraph/FalkorDB/GraphRAG), folder structure, security standards, hand off to autonomous-engineer, design quality gate, Flutter performance & security gate (RepaintBoundary/memory leaks/shader warm-up/obfuscation/API security/.gitignore), flutter-google (Effective Dart/Material 3/Google best practices/Firebase/flutter_lints), app store prep (if mobile), n8n automation offer + next steps. Video generation: remotion (React) or hyperframes (HTML+GSAP, agent-first, Apache 2.0, no build step) — invoke hyperframes skill when building HTML-to-video pipelines.

Design 1 1mo ago
OpenDNDApps

ogt-docs-define-branding

by OpenDNDApps

Create brand definition documents covering visual identity, tone of voice, brand guidelines, and brand assets. Use when establishing or documenting brand identity and ensuring consistent brand expression.

Accessibility 0 5mo ago
wyuee912-ops

sai-poster-studio

by wyuee912-ops

Turn a line of text or a post into a finished, on-brand Sai/Simular poster. 11 brand templates (event, talk, benchmark, launch, hackathon, editorial, mixer, enterprise…), every social size (Instagram, LinkedIn, X), a free-form editor (align, rotate, fonts, background patterns, keyword highlight), and print-resolution PNG/SVG export. No API keys — Claude writes the brief, the local Vite app renders it in the browser. Triggers: sai poster, simular poster, poster studio, make a poster, social graphic, instagram poster, linkedin poster, launch poster, event poster, benchmark poster, sai social, simular social.

Design 0 21d ago
jdjajdajjd

frontend-design

by jdjajdajjd

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.

Design 0 2mo ago
yuanxiao0115

frontend-design

by yuanxiao0115

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 0 5mo ago
erfanezk

resume-forge

by erfanezk

Expert resume reviewer that analyzes resumes against industry best practices and provides actionable, section-by-section feedback. Use this skill whenever the user shares a resume for review, asks for resume feedback, wants to improve their CV, mentions getting more interviews, asks why they're not hearing back from applications, wants to check their resume before applying to jobs, or asks any question about resume writing, formatting, or job application strategy. Triggers on: resume review, CV feedback, improve my resume, check my resume, resume critique, job application help, ATS optimization, resume tips, how to write a summary, what skills to include, how to list work experience, resume format, bullet points, action verbs, resume structure, and any other resume-related question. Also triggers when the user pastes resume content or shares a resume file (PDF, DOCX, image).

Code Review 0 2mo ago
Evanfeenstra

System Canvas JSON Generation

by Evanfeenstra

The JSON is valid (no trailing commas, no comments).

Database 0 3mo ago
lucasmartinsgyn62-lab

landing-premium

by lucasmartinsgyn62-lab

Use this skill whenever building or redesigning a landing page, hero section, or marketing site — especially for clinics, dental practices, SaaS products, or service businesses. Helps avoid the generic "AI-generated" look (cream background + serif headline + terracotta accent, OR dark background + single neon accent, OR templated bento grids) by forcing deliberate, subject-specific design decisions.

Design 0 15d ago
kiranmurat-source

frontend-design

by kiranmurat-source

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Design 0 3mo ago
lmagsino

ai-tech-lead

by lmagsino

Your AI technical co-founder. Founders get a CTO who never sleeps. Developers get a senior tech lead who challenges, reviews, and ships with you. Covers the full journey — from raw idea to shipped product. Adapts language based on your role (founder, developer, tech founder). Modes: start, strategist, designer, challenge, blueprint, forge, guard, hunt, launch, roadmap, review. Activate with /ai-tech-lead followed by a mode name, or just describe what you need.

Debugging 0 3mo ago
linksmith

openfoodfacts

by linksmith

"Skill for investigating food product data using the Open Food Facts database. Use this skill when the user wants to analyse food products at scale — Nutri-Score distributions, NOVA ultra-processed food rates, additive frequencies, brand comparisons, or European cross-country nutrition patterns. SHOWCASE TRIGGER: when the user says 'showcase [brand]' or 'show me [brand]' generate a full HTML brand profile page. Triggers on: Open Food Facts, OFF, food.parquet, DuckDB food data, Nutri-Score, NOVA groups, ultra-processed foods, food labelling, E-numbers, food additives, European food data, food product databases, food transparency, Dataharvest workshop, food journalism, showcase, brand profile, brand dashboard. Primary method: DuckDB queries on a local food.parquet file (4.5M products, sub-second queries). Secondary: live API for individual product lookups."

Database 0 1mo ago
Tollerud

tollerud-ui

by Tollerud

Use @tollerud/ui (Tollerud User Interface / Tollerud UI) correctly — components, props, Tailwind tokens, aesthetic rules, and known gotchas (Server Component imports, Button/Link composition). Trigger whenever a project imports from @tollerud/ui or @tollerud/footer, or when building UI that should match the Tollerud noir aesthetic.

Accessibility 0 10d ago