teachingai/pencil-mcp-get-guidelines
skills/pencil-skills/pencil-mcp-get-guidelines/SKILL.md
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
$ install --global
skillsauthnpx skillsauth add teachingai/agent-skills pencil-mcp-get-guidelinesInstall 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 25, 2026, 9:33 PM2.0s1 file scanned
SKILL.md
- name:
- pencil-mcp-get-guidelines
- description:
- Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
- license:
- Complete terms in LICENSE.txt
Tools
This skill is designed to call the Pencil MCP tool:
get_guidelines
If your client namespaces MCP tools, it may appear as mcp__pencil__get_guidelines.
When to use this skill
Intent Recognition (CRITICAL)
Even if a trigger phrase matches, you must verify the user's intent:
- Is the user explicitly asking to use "Pencil"?
- Is the current conversation context clearly about "Pencil" design tasks?
If the answer is NO, do NOT use this skill.
CRITICAL PREREQUISITE: You must ONLY use this skill when the user EXPLICITLY mentions "Pencil".
ALWAYS use this skill when:
- You need instructions on How to design for a specific system in Pencil.
- You are generating code (
topic='code'). - You are building a landing page (
topic='landing-page'). - You need to know the
.penschema details.
Trigger phrases include:
- "Get Pencil design guidelines" (获取 Pencil 设计指南)
- "How to use Tailwind in Pencil?" (怎么在 Pencil 里用 Tailwind？)
- "Pencil coding rules" (Pencil 编码规则)
- "Pencil landing page best practices" (Pencil 落地页最佳实践)
Input Parameters
topic(string, required): The topic to retrieve.design-system: Composing screens with components.code: Code generation rules.tables: Working with tables.tailwind: Tailwind CSS specs.landing-page: High-conversion page design.
How to use this skill
- Select Topic: Choose the relevant topic based on user intent.
- Call Tool:
get_guidelines(topic='design-system'). - Read & Apply: Use the returned text as instructions for your subsequent
batch_designcalls.
Examples
1. Simple: Design System Guidelines
Understand how to use the available components.
{
"topic": "design-system"
}
2. Medium: Code Handoff Guidelines
Get rules for generating code from the design, useful for "Code Handoff" tasks.
{
"topic": "code"
}
3. Complex: Landing Page Best Practices
Get specific guidelines for designing high-conversion landing pages when the user asks for a marketing site.
{
"topic": "landing-page"
}
Keywords
English keywords: get guidelines, design rules, best practices, coding specs, documentation, how-to
Chinese keywords (中文关键词): 获取指南, 设计规则, 最佳实践, 编码规范, 文档, 如何做
Related Skills
teachingai/nextjs
development
VerifiedTrustedCommunity
Guidance for Next.js using the official docs at nextjs.org/docs. Use when the user needs Next.js concepts, configuration, routing, data fetching, or API reference details.
284SKILL.mdUpdated Apr 14, 2026
teachingai/flask
tools
VerifiedTrustedCommunity
Provides comprehensive guidance for Flask framework including routing, templates, forms, database integration, extensions, and deployment. Use when the user asks about Flask, needs to create web applications, implement routes, or build Python web services.
284SKILL.mdUpdated Apr 14, 2026
teachingai/fastapi
development
VerifiedTrustedCommunity
Provides comprehensive guidance for FastAPI framework including routing, request validation, dependency injection, async operations, OpenAPI documentation, and database integration. Use when the user asks about FastAPI, needs to create REST APIs, or build high-performance Python web services.
284SKILL.mdUpdated Apr 14, 2026
teachingai/django
development
VerifiedTrustedCommunity
Provides comprehensive guidance for Django framework including models, views, templates, forms, admin, REST framework, and deployment. Use when the user asks about Django, needs to create web applications, implement models and views, or build Django REST APIs.
284SKILL.mdUpdated Apr 14, 2026