Design
UI/UX direction, visual design, and design systems
rg3li Design System
by mmmmm80881-bit
Brand context, color & type tokens, iconography, and a hi-fi UI kit for the rg3li (رجعلي) coupon platform — admin dashboard surface. Bilingual (Arabic RTL + English LTR), Tailwind-derived tokens, soft cobalt-on-slate aesthetic. Use this skill when designing any rg3li back-office screen, marketing surface that must match the brand, or anything that should feel native to the rg3li product family.
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.
nerv-ui
by huskyyy12345
"NERV Operations Console v2 — Evangelion-inspired UI component library. Data-driven Three.js MAGI visualization (yield surface mesh + organic flow curves + bar columns), blockchain event log terminal, dense metrics grid, vault cards, oracle consensus display, CRT effects, emergency mode. Noto Serif Display (weight 900) + Shippori Mincho B1 + JetBrains Mono. NO HELVETICA. Every pixel conveys information."
ui-ux-designer
by tippyentertainment
End-to-end UI/UX design skill that takes a feature from vague idea to production-ready UI by moving sequentially through research, requirements, information architecture, wireframing, and visual design without skipping steps.
frontend-design
by velzevul-stack
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.
picasso
by maternalistic-hairnet21
The ultimate frontend design and UI engineering skill. Use this whenever the user asks to build, design, style, or improve any web interface, component, page, application, dashboard, landing page, artifact, poster, or visual output. Covers typography, color systems, spatial design, motion/animation, interaction design, responsive layouts, sound design, haptic feedback, icon systems, generative art, theming, React best practices, and DESIGN.md system generation. Also use when the user asks to audit, critique, polish, simplify, animate, or normalize a frontend. Triggers on any mention of "make it look good," "fix the design," "UI," "UX," "frontend," "component," "landing page," "dashboard," "artifact," "poster," "design system," "theme," "animation," "responsive," or any request to improve visual quality. Use this skill even when the user does not explicitly ask for design help but the task involves producing a visual interface.
project-designer
by carlitose
Interactive project design skill that guides users through a structured 3-phase process to produce a complete software specification document. Use when a user wants to: (1) plan a new software project from scratch, (2) design the architecture of an application, (3) create a technical specification, (4) do requirements gathering for an app or system, (5) produce a project blueprint or design doc. Triggers on phrases like "design a project", "plan an app", "create a specification", "architect a system", "help me plan a software project", "requirements gathering", "technical design", "system design document". Do NOT use for existing codebases, code reviews, debugging, or general coding tasks.
manimo-design
by egeiran
Use this skill to generate well-branded interfaces and assets for Manimo, either for production or throwaway prototypes/mocks. Manimo is a chat-driven AI video studio that helps students learn STEM by composing 3blue1brown-style explainer videos. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
senior-frontend
by nimeshgurung
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
pix-storybook
by CoRLab-Tech
Autonomous pixel-perfect Stencil component implementation using Figma MCP, Storybook, and Playwright MCP for visual testing and fixing.
design-user-advocate
by ShotaIuchi
User-centric design analysis. Apply when evaluating design proposals for end-user experience, developer experience, API usability, accessibility, and consumer satisfaction.
slides-on
by T0nyMa
Build presentation slides, PPT, slide decks, 演示文稿, keynotes, 小红书图文, or image cards from any document. Use this whenever the user asks to create slides, 做PPT, 做演示文稿, 做slides, 帮我做个汇报, 整理成图文, 做成小红书, 生成图文, make a deck, generate a PPT, weekly report, pitch deck, 周报, 提案, 分享, or any document-to-slides task — even if they don't say "slides" explicitly (e.g. "帮我整理一下这个文档", "把这篇做成卡片"). One pipeline: content analysis → style decision → review → L0 validation → HTML rendering → L1 QA gate (18 groups) → repair loop → export. QA at every gate: BLOCKER (must fix) / WARN (should review) / INFO (suggestion).
frontend-design
by loetbeerends123
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.
impreza-wpbakery-dev
by lavderenterprise
"Use this skill for WordPress development with Impreza theme and WPBakery Page Builder. Triggers include: converting designs (described, visual, or Figma) to WordPress/Impreza code, creating WPBakery shortcodes, building Impreza pages, implementing responsive layouts, customizing Impreza elements, or any WordPress development task using the Impreza theme with WPBakery. Essential for producing copy-paste ready code that works seamlessly with Impreza theme structure."
frontend-design
by ykhier
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.
e2e-test-skill
by Claire528717
"Design PRD-driven end-to-end acceptance test plans from product requirements and real UI sources. Use when Codex needs to turn a PRD, screenshots, prototype, HTML, frontend code, or other visual UI source into executable E2E test cases with realistic UI paths, mock/test data plans, review gates, and independent database/API/external-system verification. Also use for Chinese-language requests such as 验收测试, 端到端测试, E2E 用例, 测试计划, or 根据页面生成测试用例 after development and integration are complete. Execute cases, collect evidence, handle bugs, and produce run summaries only after the user approves the plan and explicitly asks to run it."
dev-expert
by ebandao777-oss
编程专家综合技能套件，含17个子技能：软件项目总控、网站项目总控、API设计、Bug诊断、代码生成、代码审查、重构建议、测试用例生成、技术选型、文档生成、任务拆解与执行、Spec驱动开发、Karpathy编码规范、项目记忆管理、CMS二次开发、前端设计、MySQL数据库。按用户输入关键词路由到对应子技能模板执行。 关键词路由：软件项目总控(软件项目/API服务/后端服务/后台模块/CLI工具/数据脚本/自动化任务/插件项目/完整功能/项目交付/部署/发布/上线/回滚/运维/监控/告警/巡检)；网站项目总控(做网站/建站/企业官网/营销页/CMS网站/网站上线/网站交付)；API设计(RESTful/GraphQL/接口规范/AJAX防卡死/Init-Step-Poll/长任务接口/轮询接口)；Bug诊断(debug/异常堆栈/报错)；代码生成(写代码/实现功能)；代码审查(code review/安全漏洞/代码缺陷)；重构建议(重构/坏味道/代码异味/可维护性)；测试用例生成(单元测试/集成测试/安全测试/性能测试/长任务测试)；技术选型(技术栈/框架选型)；文档生成(API文档/README/技术文档/部署说明/回滚说明/运维文档)；任务拆解与执行(任务分解/Wave执行)；Spec驱动开发(spec/需求对齐/需求规格)；Karpathy编码规范(Karpathy/编码哲学/简洁优先)；项目记忆管理(项目记忆/跨会话/上下文沉淀)；CMS二次开发(CMS/帝国CMS/WordPress/ThinkPHP/PHP8兼容/二次开发/插件开发/模板开发/批量任务/导入导出/生成静态页)；前端设计(UI设计/UX/交互设计/响应式/设计系统/可访问性/页面视觉/浏览器验证/品牌设计/Banner/图标/社媒图/进度条/轮询状态)；MySQL数据库(MySQL/数据库设计/SQL/索引/事务/慢查询/EXPLAIN/DDL/迁移/表结构/SQL优化)。
arcade-prototyper
by asundiev-devrev
"DevRev Prototyper: Build interactive HTML prototypes with DevRev's design system (Arcade & DevRev App themes), Chip fonts, and Figma integration. Designed for designers — no technical knowledge required."
ui-kaboom
by aranx-ai
"Design beautiful and functional user interfaces for web applications. Use this skill when the user asks to design, build, review, or improve the visual design of web UI — including layout, typography, color, hierarchy, spacing, depth, images, and finishing touches. Applies practical, systematic design principles with Tailwind CSS."
design-system
by biruk741
Create a project-specific UI component library and design tokens. Builds on top of shadcn/ui or similar component primitives, customized to match the product's aesthetic vision. Produces reusable components that all developers import for visual consistency. Use when the team needs to establish the visual language, create reusable UI components, define colors/typography/spacing, or when someone says "make it look good", "set up the design system", "create reusable components", or "define the aesthetic".
bd-artes-impressoes-design
by eduardushenrique-create
Use this skill to generate well-branded interfaces and assets for B&D Artes & Impressões, a Brazilian 3D-printed gifts e-commerce. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
qiaomu-design-advisor
by shockey0328
偏执型设计顾问 — Jobs 式产品直觉 + Rams 式功能纯粹主义。重新设计页面、审视 UI 方案、优化交互体验时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、"界面不好看"、"帮我看看设计"、"设计建议"、"/design-advisor"。 适用于：(1) 页面/组件重新设计 (2) UI/UX 方案评审 (3) 交互逻辑优化 (4) 视觉系统建立 (5) 设计决策咨询。 与 design-taste-frontend 的区别：design-taste-frontend 是技术执行规范（色值、间距、动画参数），本 skill 是设计思维方法论（如何思考、如何决策、如何交付方案）。两者互补，可同时使用。
devmind-core
by Nyanlin95
Unified developer assistant for codebase analysis, database mapping, and persistent memory.
morah-design
by 4Him-Technology
Use this skill to generate well-branded interfaces and assets for Morah, the NR1 psychosocial-risk assessment platform for occupational-safety technicians, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, the amora (blackberry) brand identity, and UI kit components for prototyping.