- Home
- /
- Categories
- /
- Design
Design
UI/UX direction, visual design, and design systems
shadcn-theming
by wiztral
Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management.
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.
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.
zhongxiang-mochoubang
by zxxub99
钟祥市专属本地社交互助闲置平台完整产品需求规范;适用于开发团队落地实施、产品经理需求文档编写、技术架构师方案设计参考
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.
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.
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.
dashboard
by arxhidamos
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
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/.
VoyageDoc Design System — SKILL.md
by gilbatini
```
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.
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.
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.
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.
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.
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.
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.
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).
System Canvas JSON Generation
by Evanfeenstra
The JSON is valid (no trailing commas, no comments).
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.
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.
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.
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."
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.