partme-ai/pencil-ui-designer
skills/pencil-skills/pencil-ui-designer/SKILL.md
Orchestrates Pencil design system initialization by routing framework requests to the correct pencil-ui-design-system-* skill. Use when the user explicitly mentions Pencil and wants to initialize a design system (antd, Bootstrap, Element Plus, Layui, uView, Vant, uCharts, ECharts), set up component libraries, or create design tokens in a .pen file.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills pencil-ui-designerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 9:05 AM113.5s1 file scanned
SKILL.md
- name:
- pencil-ui-designer
- description:
- Orchestrates Pencil design system initialization by routing framework requests to the correct pencil-ui-design-system-* skill. Use when the user explicitly mentions Pencil and wants to initialize a design system (antd, Bootstrap, Element Plus, Layui, uView, Vant, uCharts, ECharts), set up component libraries, or create design tokens in a .pen file.
- license:
- Apache 2.0
Pencil Designer (Master Skill)
This is the entry point for all Pencil design system initialization tasks. It acts as the orchestrator that classifies the target framework, routes to the correct pencil-ui-design-system-* skill, and returns the structured initialization plan.
When to use this skill
Use this skill when:
- The user explicitly mentions "Pencil" and wants to initialize a design system (antd, Bootstrap, Element Plus, Layui, uView, Vant, uCharts, ECharts)
- The user says "Pencil, initialize components for [framework]" or "Use Pencil to set up [framework] design system"
- The conversation context is about Pencil design tasks requiring framework-specific component setup
Do NOT use this skill if the user does not explicitly mention "Pencil" or if the request is about general design tasks unrelated to Pencil .pen files.
Workflow
1) Intent Classification
Parse the user request to determine:
- Target framework: Which UI library or chart library (antd, Bootstrap, Element Plus, etc.)
- Components scope: Full initialization or specific component categories
2) Framework Routing
Route the request to the specific pencil-ui-design-system-* skill:
| User mentions | Routes to |
|---|---|
| layui, layui-vue | pencil-ui-design-system-layui |
| antd, ant design | pencil-ui-design-system-antd |
| bootstrap | pencil-ui-design-system-bootstrap |
| element, element-plus | pencil-ui-design-system-element |
| uview (2.x) | pencil-ui-design-system-uview |
| uview pro, uviewpro | pencil-ui-design-system-uviewpro |
| vant, vant 4 | pencil-ui-design-system-vant |
| ucharts, qiun-data-charts | pencil-ui-design-system-ucharts |
| echarts | pencil-ui-design-system-echarts |
3) Execution
Invoke the target skill which generates a PENCIL_PLAN: a sequence of Pencil MCP tool calls (open_document -> set_variables -> batch_design -> get_screenshot).
4) Output
Return the structured plan (JSON/Action List) to the user for execution or approval.
Related Skills
partme-ai/uniapp-project
development
VerifiedTrustedCommunity
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-project-creator
tools
VerifiedTrustedCommunity
Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-plugin
tools
VerifiedTrustedCommunity
Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-native-plugin
tools
VerifiedTrustedCommunity
Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.
456SKILL.mdUpdated Jun 4, 2026