color-scale
Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,249 results
dark-mode
Implements theme switching with semantic tokens and prefers-color-scheme detection. Use when adding dark mode, light/dark themes, color scheme toggles, or…
token-docs
Generates design token documentation with visual swatches and code examples. Use when documenting token values, creating token reference guides, or building…
kpi-dashboard-design
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use this skill when building an…
llava
Large Language and Vision Assistant. Enables visual instruction tuning and image-based conversations. Combines CLIP vision encoder with Vicuna/LLaMA language…
stripe-setup
Set up Stripe products, prices, and webhooks for Pitfal Solutions photography packages. Creates products for portrait sessions, event coverage, digital…
brief-graphic
Produce a graphic-design brief for a single visual asset — social posts, thumbnails, banners, OOH, OG cards, hero illustrations. Pulls brand tokens, generates…
brief-landing-page
Generates a campaign-grade brief for a conversion landing page or redesign — hypothesis, surface rhythm, section-by-section spec, asset slots, copy candidates,…
pencil
Used to read/modify .pen design files via Pencil MCP and validate layouts. Call it when the user mentions pencil/.pen/design file editing, needs a list of tools, or needs to execute batch_get/batch_design.
pencil-mcp-batch-design
Batch execute design changes. The Agent's 'Hands'. Core capability for inserting, updating, moving, or deleting nodes.
pencil-mcp-get-guidelines
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
pencil-mcp-get-style-guide
Get specific style detailed definitions. Use to get metadata for a specific style, including palettes, typography rules, etc.
pencil-mcp-get-variables
Read design variables Tokens . Use to get Design Tokens color font variables defined in the current document to ensure consistency.
pencil-skill-creator
Factory skill for creating new pencil-ui-design-system-* skills. Use when you need to add support for a new design system layui antd bootstrap element uview…
pencil-ui-design-spec-generator
Translates vague user requirements into an action-level PENCIL_PLAN sequence of Pencil MCP tool calls . Does not execute; outputs the plan only.
pencil-ui-design-system-antd
Initialize Ant Design. design system components in Pencil variables and component overview.
pencil-ui-design-system-bootstrap
Initialize Bootstrap. design system components in Pencil variables and component overview.
pencil-ui-design-system-echarts
Initialize ECharts. design system components chart placeholders and data-viz tokens in Pencil.
pencil-ui-design-system-element
Initialize Element Plus. design system components in Pencil variables and component overview.
pencil-ui-design-system-layui
Initialize Layui. design system components in Pencil variables and component overview.
pencil-ui-design-system-ucharts
Initialize uCharts. design system components chart placeholders and data-viz tokens in Pencil.
pencil-ui-design-system-uview
Initialize uView 2.x . design system components in Pencil variables and component overview.
pencil-ui-design-system-uviewpro
Initialize uView Pro. design system components in Pencil variables and component overview.
pencil-ui-design-system-vant
Initialize Vant. design system components in Pencil variables and component overview.