Design
UI/UX direction, visual design, and design systems
design_components
by vuralserhat86
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
api_design
by vuralserhat86
API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.
design_tokens
by vuralserhat86
8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.
backend_core
by vuralserhat86
Node.js/TypeScript temel prensipler, proje yapısı ve TypeScript strict mode kuralları.
clerk_auth
by vuralserhat86
Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.
frontend-design
by johnlindquist
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
by johnlindquist
Design system and token management. Use for managing design tokens, colors, typography, and maintaining design consistency.
figma
by johnlindquist
Extract design data from Figma files. Use for getting design tokens, component specs, and generating code from Figma designs.
design-system-generator
by qodex-ai
Generate design systems and theme variations. Creates cohesive visual systems with color schemes, typography, and component styling.
aesthetic-analysis
by qodex-ai
Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials.
identity-framework
by qodex-ai
Define and document brand identity standards and guidelines. Establishes visual language, tone, messaging, and design principles for consistent brand expression.
docs-pro
by YuniorGlez
"Senior Technical Writer & Docs Architect. Expert in AI-driven documentation synchronization, style guide enforcement, and 2026 Markdown standards."
design-system-pro
by YuniorGlez
Senior Design System Architect & Token Engineer for 2026. Specialized in layered design tokens, Tailwind 4 CSS-first themes, and headless UI orchestration using Radix. Expert in building multi-brand, multi-theme systems with high architectural integrity, automated documentation-as-code, and AI-driven drift detection.
frontend-design
by vipulgupta2048
Create distinctive, production-grade frontend interfaces with high design quality. Use when building or refining web components, pages, or apps (HTML/CSS/JS/React) with bold aesthetics, purposeful layouts, motion, and accessibility. Avoid generic AI-looking output.
create-design-system
by bdmorin
You are an expert design systems architect.
ui-ux-pro-max
by shining319
"Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21 种配色方案、50 种字体配对，支持 9 种前端框架。可搜索的设计知识库，用于专业 UI/UX 实现。"
ui-designer
by shining319
"Senior UI/UX designer transforming product requirements into professional design solutions. Use when users need: (1) Page structure and information architecture, (2) UI layout and components, (3) Color schemes and visual specs, (4) Design specification docs, (5) User flow diagrams. Triggers: UI design, page design, interface design, interaction design, design specs, layout. 资深UI/UX设计师，将需求转化为设计方案。触发词：UI设计、页面设计、界面设计、交互设计、设计规范、页面布局、设计方案。"
frontend-design
by ttmouse
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.
video-spec-builder-remotion
by mrzhangguoguo
当用户说想做一个视频、宣传片、产品演示、动画短片、抖音/YouTube 内容，或者说要改分镜、调节奏、换镜头、调字幕、加配音、改转场时使用。通过苏格拉底式追问收集视频需求，主动激发渲染层的全部能力（TTS / 字幕 / 3D / shader / 音频反应等），输出标准化的 video-spec.md 用于 Remotion 渲染。
vibereading
by Krishnna2725
Generate a 16:9 desktop VibeReading companion page for a book. Use this skill when the user asks for an atmospheric reading space with a pre-reading guide, sound, weather, directory-based reading stages, a template-specific companion control, and a stable file://-friendly HTML/CSS/JS output.
open-to-work
by rwtibbs
A complete, self-contained job-search pipeline for ANY user. Onboards once — building resume, fact pack, voice, and styling files from a resume, LinkedIn/portfolio, or quick interview. After that it tailors your resume to any job (truthfully, never fabricating), builds a one-page DOCX + PDF, runs an ATS scoring loop twice, writes a cover letter in your voice, answers application questions, and can fill/upload the form in the browser. Scans job boards on a schedule, preps for interviews (prep kit, mock, debrief), drafts outreach to recruiters or hiring managers, and tracks every application in a standing pipeline ledger with follow-ups, thank-yous, and offer-negotiation help — all feeding one self-improving library. Use for anything job-search related — onboarding, tailoring, cover letters, ATS scoring, applying, scanning, interview prep or debrief, outreach, tracking applications, negotiating offers, or any time they paste a job posting. If there's a chance this is a job-search task, load it.
carousel-generator
by drshailesh88
Instagram carousel generator. Creates 1080x1080px branded slides from text/markdown input. Use this skill when you need to generate Instagram carousel slides with Dr. Shailesh Singh's brand colors, typography, and footer. Supports both @heartdocshailesh and @dr.shailesh.singh accounts.
UI/UX Pro Max - Design Intelligence
by intrusive-memory
Claude Code skills for iOS/macOS development, UI/UX design, and automation
rapid-prototyper
by Toowiredd
Creates minimal working prototypes for quick idea validation. Single-file when possible, includes test data, ready to demo immediately. Use when user says "prototype", "MVP", "proof of concept", "quick demo".