Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

automated-comic-creator

Automated comic creator that transforms text content into educational comics with multiple visual styles including dramatic, warm, shoujo, and ohmsha. Use when user asks to create comics, knowledge comics, educational manga, biography comics, or generate automated comic pages from articles or stories.

194 repo starsObserved in 1 repos
Design

echarts_chart

ECharts数据可视化专家,能够根据数据和分析需求生成专业的ECharts图表配置。适用于:数据可视化、图表生成、数据展示、趋势分析图表、对比图表、分布图表、饼图、柱状图、折线图、散点图、雷达图、热力图、仪表盘、漏斗图、树形图、关系图、桑基图、数据报表图表、BI图表、数据大屏、仪表板图表、统计图表、分析图表、可视化报告。

194 repo starsObserved in 1 repos
Design

fal-image

Generate AI images using Fal.ai Flux models. Use when you need to: (1) create images from text prompts, (2) transform existing images with AI, or (3) generate photorealistic or artistic images quickly.

194 repo starsObserved in 1 repos
Design

yida-app-uiux

宜搭多页面应用体验蓝图技能。用于从零创建完整应用、包含多个页面/角色/导航分组/门面页时,在创建页面前规划应用级信息架构、角色旅程、页面组合、导航分组、壳形态和主题策略。触发词:多页面应用、完整应用、应用整体规划、官网+看板、面向用户和经销商、应用门面、导航分组、角色路径、应用体验蓝图。

194 repo starsObserved in 1 repos
Design

yida-create-form-page

表单页面创建与更新,支持 19 种业务字段和 Divider、ColumnContainer 等表单展示布局组件,PageSection/GroupContainer 仅少量特殊场景使用;支持联动规则和数据源绑定。适用于新建表单、设计表单结构、添加或修改表单字段。

194 repo starsObserved in 1 repos
Design

yida-density

自定义页面信息密度设计规范,提供紧凑、舒适、宽松三种模式,支持密度切换和响应式降级。适用于列表/表格类页面需要调整信息密度时。

194 repo starsObserved in 1 repos
Design

yida-page-uiux

宜搭自定义页面「视觉方向决策」技能。在动手写 JSX 之前,先按页面类型(工作台/看板/列表/详情/官网落地页)锁定一套差异化、去 AI 味的视觉方向,避免首次生成就套用「统一灰白底 + 8px 圆角卡片 + 蓝色强调」的 AI 模板脸。 本技能只产出「视觉方向决策块」,不写代码;具体 token/组件数值由 yida-custom-page 的 design-system.md 落地。 当用户要求「做个自定义页面/工作台/看板/门户/首页/官网/落地页/展示页」并在意好看,或明确说「美化/好看一点/UI/视觉/太丑/有 AI 味/去 AI 味/重新设计风格」时触发。

194 repo starsObserved in 1 repos
Design

yida-theme

宜搭应用主题色与全局主题变量配置技能。用于应用级换肤、主题 token 设计、style#yida-global-theme 注入、Divider/布局/看板/数据管理等跨模块主题一致性处理。

194 repo starsObserved in 1 repos
Design

anti-slop-frontend

A mechanical, countable anti-slop checklist for AI-generated frontend. Catches the specific signatures an undirected model defaults to: AI-purple glows, Inter-everywhere, em-dashes, div-based fake screenshots, eyebrow-on-every-section, beige+brass "premium" palettes, generic Jane Doe / Acme data. Advisory layer that pairs with frontend-mockup-loop (which owns the cite-a-source loop plus WCAG gates) but works standalone in any React/Tailwind/HTML project. Triggers: "does this look AI-generated", "anti-slop pass", "remove the AI tells", "why does this look templated", "design review for slop".

193 repo starsObserved in 1 repos
Design

darkeye-ui

Guides changes to the darkeye_ui PySide6 design system and reusable widget library (tokens, ThemeManager, QSS, layouts, demos). Use when editing or adding components under darkeye_ui/, theme/design code, public exports, or darkeye_ui.demo; or when the user mentions darkeye_ui, Token* widgets, or DarkEye UI components.

193 repo starsObserved in 1 repos
Design