Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished…
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity.
Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g.,…
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Use when building, redesigning, or extending web-app frontends that must look production-ready, visually distinctive, and systemically designed instead of like generic…
前端设计免费版,面向个人开发者的生产级前端界面设计工具。核心能力: - 创建独特、生产级的前端界面,避免通用AI审美 - 支持组件、页面、应用等多种设计粒度 - 提供设计思维引导(目的、调性、约束、差异化) - 覆盖字体、配色、动效、空间构图等美学维度
前端设计专业版,面向企业团队与专业设计师的高级前端界面设计工具。核心能力: - 完整设计系统生成(Design Tokens、主题、规范文档) - 组件库批量设计与产出,支持 Storybook 集成 - 响应式多端适配(桌面/平板/移动/暗色模式) - 设计Token管理与团队协作 - 可访问性(a11y)合规检查与修复 - 性能优化建 — from…
前端设计专业版,面向企业团队与专业设计师的高级前端界面设计工具。核心能力: - 完整设计系统生成(Design Tokens、主题、规范文档) - 组件库批量设计与产出,支持 Storybook 集成 - 响应式多端适配(桌面/平板/移动/暗色模式) - 设计Token管理与团队协作 - 可访问性(a11y)合规检查与修复 - 性能优化建 — from…
Apply exact design standards to any UI component or page. Use when building web components, landing pages, dashboards, React components, or any UI. Triggers.
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces.
Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.
Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Fix generic React component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Fix generic Vue component designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)
Practical frontend design guidance for landing pages, dashboards, and UI implementation work.
Apply tasteful frontend defaults to a Sui dapp (layout, spacing, typography). Use when the user wants frontend defaults or a UI review.
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality
Create distinctive, production-grade frontend interfaces with high design quality. Avoids generic AI aesthetics in favor of bold, memorable designs.
Point to Anthropic's frontend-design skill and explain when to use it. Use when asked how to install frontend-design, which skill sets aesthetic direction for a UI, or what…
Создает один самодостаточный Master Prompt на русском для реализации production-ready фронтенд-дизайна (на базе официальных гайдлайнов GPT-5.4).
使用 React、Tailwind CSS 和 shadcn/ui 创建独特、生产级的静态网站——无需设计稿。从纯文本需求生成大胆、令人难忘的设计，具备反AI套路美学、移动优先响应式模式和单文件打包功能。适用于构建落地页、营销网站、作品集、仪表盘或任何静态Web界面。支持 Vite（纯静态）和 Next.js（Vercel部署）两种工作流。
Image sourcing strategy for UI projects. Use FREE resources first - DiceBear/Boring Avatars for avatars, Unsplash/Picsum for photos, unDraw/Storyset for illustrations, Haikei for…
Diagnose and fix frontend controls whose typography or dimensions ignore component CSS, and React Three Fiber/Drei projected HTML labels that paint above opaque drawers, dialogs,…
Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty state illustrations, animated icons.
Search and map visual frontend references from Dribbble, Mobbin, Pinterest, and curated galleries (Awwwards, Godly, Land-book, siteinspire) into a structured reference board…
Design token management — color, typography, spacing, motion, and interaction tokens. Use with /frontend-tokens to create, update, or manage design tokens.
2D frontend UI umbrella review — typography, color, layout, motion, interaction. Runs a quick reflex audit, dispatches specialist sub-skills when a domain needs deep attention,…
Typography specialist — font selection, modular scale, line-height, line-length, pairing, tracking, OpenType, font-loading.
Erstelle moderne, professionelle Webseiten mit 3D-Elementen, Glassmorphism, seriösem Unternehmensdesign und aktuellen Frontend-Design-Standards 2025.
Creative Voltage decks: retro-modern electric blue × deep navy split panels, neon yellow badges, halftone dot textures, and script flourishes on a fixed 1920×1080 stage that…
Electric Studio (钴蓝工作室) HTML decks: bold clean vertical split panels — white over cobalt #4361ee — with corner brand marks, a dark accent bar on the panel seam, quote typography…
Freedom-to-Operate und Schutzbereich bei Gebrauchsmustern prüfen: Anspruchsmerkmale, Registerstand, Rechtsbestand, Produktvergleich und Design-around im Gebrauchsmusterrecht.
Use when a task needs the judgment of a Fuel Cell Engineer — diagnosing PEMFC voltage-decay data to identify the degradation mechanism, setting stack clamping torque/compression…
Create tactile industrial instrument interfaces with warm-grey machined frames, near-black inset evidence displays, hard square controls, restrained recessed texture, technical…
Ordnet Fusionsreaktor-Projekt zwischen Atomrecht, Strahlenschutz, Baurecht, Immissionsschutz und Forschungsförderung.
Скилл BABOK 6.2 — Определение будущего состояния (to-be). Используй этот скилл когда BA хочет описать целевое состояние бизнеса, поставить SMART-цели с KPI, провести gap-анализ…
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. — from bergside/awesome-design-skills
Use after fw-plan to run gstack plan-eng-review and conditional plan-design-review before build.
Start-up- und Personengesellschafts-Konstellation Forschungszulage: GmbH und Co KG, atypisch stille Beteiligung, Mitunternehmerschaft, Verluste in Anfangsjahren mit Zulag — from…
Game art principles. Visual style selection, asset pipeline, animation workflow. — from bg-szy/TOP-SKILLS
Game art principles. Visual style selection, asset pipeline, animation workflow. — from general/design-creative
Direct game art and creative vision. Turn GAME_DESIGN into a production-level ART_DIRECTION defining a recognizable visual style, camera and composition, world and character…
Use to generate, evaluate, and refine pitch-quality game concepts — theme × mechanic × audience combinations expressed as one-pagers.
Game design principles. GDD structure, balancing, player psychology, progression. — from bg-szy/TOP-SKILLS
Deep game design health assessment across five dimensions: review core loop and progression systems, analyze in-game economy for inflation and sink/source balance, mathematically…
Game design principles. GDD structure, balancing, player psychology, progression. — from general/design-creative
Use when translating, polishing, structuring, or QA-checking English game design, game development, system design, UX, game studies, design theory books, chapters, PDFs, OCR text,…
Use when designing core game loops, feedback systems, player motivation models, MDA framework analysis, progression curves, difficulty tuning, reward schedules, or any…
Route source-backed game design work. Use for gameplay systems, core loops, progression, rewards, economies, balance, motivation, retention, onboarding, difficulty, multiplayer,…
Auto-learns your design instincts. Adapts to how you think about mechanics, player experience, and what makes games meaningful.
Analyze game design documents and implementations for core gameplay loop clarity and depth, XP leveling curves and unlock pacing, difficulty curve spikes and plateaus, skill tree…
Comprehensive game design theory covering MDA framework, player psychology, balance principles, and progression systems. Master why games are fun.
Use when designing virtual economies, currencies, sink/faucet balance, loot tables, crafting systems, shops, or inflation control.
Create project timeline Gantt charts with dependencies, milestones, and progress tracking. Supports static (PNG/SVG) and interactive (HTML) output.
Default reference pipeline for the code-migration taskKind — code-import → design-extract → token-map → rewrite-plan → patch-edit ↔ build-test devloop → diff-review → han — from…
Character and class design documentation. Use when designing character archetypes, creating class systems, defining abilities and skills, balancing character stats, or designing…
Core gameplay loop design documentation. Use when defining the core gameplay loop, mapping the player experience over time, designing session structures, or identifying pacing…