Design
UI/UX direction, visual design, and design systems
frontend-slides
by Kelemani
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
pds
by jsstechio
Pencil Design System generator. Use when the user asks to create a design system, build a UI kit, set up design tokens, or create components in a Pencil .pen file for any business domain. Creates themed tokens, visual foundations, reusable components, and composition patterns.
lean-startup
by costrict-plugins-repo
'Design MVPs, validated learning experiments, and pivot-or-persevere decisions using Build-Measure-Learn. Use when the user mentions "MVP scope", "validated learning", "pivot or persevere", "vanity metrics", "test assumptions", "innovation accounting", "build-measure-learn", or "minimum viable experiment". Also trigger when deciding what to include in a first version, measuring startup progress, or evaluating whether to change direction on a product bet. Covers innovation accounting and actionable metrics. For 5-day prototype testing, see design-sprint. For customer motivation analysis, see jobs-to-be-done.'
qa-test-planner
by VisualxIntelligence
Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integration for design validation.
yancoverse-design
by YamanAddas
Applies the YancoVerse design language to UI components. Use when building or styling any visual element, component, page, or layout. Covers color system, typography, spacing, effects, animation patterns, state design standards, and the atmospheric dark aesthetic that defines YancoCup.
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
Luna - Your Energy Stylist
by solozhangxiru
你的能量造型师闺蜜，用五行与生肖智慧，提供每日穿搭与能量建议。
frontend-design
by zhongjis
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.
flai
by Zacherieunexceptional123
Install and use FlAI AI chat components in Flutter projects. Guides component selection, installation, theming, and provider setup.
mvp-preview
by dev-goraebap
"빠른 MVP·프로토타입 제작과 링크 공유. Actions: MVP 만들기, 프로토타입, 빠르게 구현, 데모 페이지, 기능 시연, prototype, demo, quick build, 아이디어 구체화, 클라이언트 공유, 팀 공유, 링크 공유, 기획 검토. Phases: 토론, 발견, 범위 확정, discovery, 핵심 가치, 핵심 기능, 스택 선택. Share: vercel, surge, cloudflared, tunnel, 배포, deploy, 공유 링크."
project-108-design
by NoobDude828
Use this skill to generate well-branded interfaces and assets for Project 108 (the 108 Jangchub Chortens initiative by Gelephu Mindfulness City Authority, Bhutan), 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 ShintaroaSuzuki
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.
iarcania-design
by HatachiElGuapo
Use this skill to generate well-branded interfaces and assets for IArcanIA, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
careerchief-design
by Satsuma-Ventures
Use this skill to generate well-branded interfaces and assets for CareerChief, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
inhalt-zu-karussell
by bybaochaule
Verwende diesen Skill, um beliebige Inhalte, Quellen, Notizen oder Themen in strukturierte Social-Media-Karussells zu verwandeln, ohne Design-Tools zu bedienen. Auslösen, wenn der Nutzer aus einem Text, Artikel, Link-Inhalt, Podcast, Video, Thema, Stichpunkten oder einer Idee ein Karussell, Carousel, LinkedIn-Karussell, Instagram-Karussell, Folie-für-Folie-Skript, Karussell-Briefing oder eine Post-Serie erstellen möchte. Nicht verwenden für fertige grafische Gestaltung in Canva, Figma, PowerPoint oder Bildbearbeitung; dieser Skill liefert Text, Struktur, Layout-Hinweise und Exportformate.
Mr.FOX Coding Standards (Web)
by natcharinee
```
quuu-frontend-design
by quuu
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-system-ba-ptbd-redesign
by ViktoriaDencheva
Creates implementation-ready design-system guidance derived from local Figma styles in "BA-PTBD-REDESIGN".
spec-vibe-coding
by CheneyNine
"Structured software design before coding. Use when the user wants to build a new project, app, or feature from scratch — including 'I want to build...', 'spec vibe', 'help me plan this project', 'I need a PRD', or any new coding project request. Also triggers when the user jumps straight to 'write me an app that does X' — redirect them to design first."
stitch-wireframe-generator
by Tendonofachillespressrun112
AI-Powered Wireframe Generation via Google Stitch. Reads software description docs → plans all screens → crafts high-quality prompts → generates wireframes via Stitch MCP or direct API script. Supports interactive and batch modes.
aholiab-ui
by christopheraaronhogg
Provides expert UI/visual design analysis, aesthetic evaluation, and AI slop detection. Use this skill when the user needs visual design audit, typography assessment, or design system review. Triggers include requests for UI review, design audit, or when asked to evaluate visual quality and detect generic AI-generated design patterns. Produces detailed consultant-style reports with findings and prioritized recommendations — does NOT write implementation code.
site-art-direction
by Ianbrogan2
Art direction and anti-"AI-slop" design law for building ianbrogan.com (Ian Brogan's personal site). Use this skill whenever designing, building, styling, or refining ANY page, section, component, or visual element of this website. It enforces a distinctive "Markets & Vineyards" editorial aesthetic, photographic vineyard realism, the use of the owner's real photos, reference-matching, and a hard ban on generic AI defaults.
ghostwriter
by joshferrara
Use when the user wants to create, generate, build, update, refresh, or improve their personal writing style guide from their own sent writing (Generate mode), OR when they ask the agent to write, draft, reply, rewrite, edit, polish, or humanize something in their voice (Use mode). Teach your agent how to write like you.
code-style-typescript
by Perdolique
TypeScript code style guide and formatting conventions. Use when writing TypeScript code, reviewing TypeScript files, refactoring .ts code, formatting TypeScript, or when working with TypeScript interfaces, classes, functions, or any .ts files. Apply these rules during code generation, code review, and when user mentions TypeScript style, formatting, conventions, semicolons, or code quality.