Design
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.
Get design system guidelines. Use to read and understand specifications e.g. Material Design iOS HIG or custom specs before designing.
This skill is designed to call the Pencil MCP tool:
get_guidelinesIf your client namespaces MCP tools, it may appear as mcp__pencil__get_guidelines.
Even if a trigger phrase matches, you must verify the user's intent:
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:
topic='code').topic='landing-page')..pen schema details.Trigger phrases include:
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.get_guidelines(topic='design-system').batch_design calls.Understand how to use the available components.
{
"topic": "design-system"
}
Get rules for generating code from the design, useful for "Code Handoff" tasks.
{
"topic": "code"
}
Get specific guidelines for designing high-conversion landing pages when the user asks for a marketing site.
{
"topic": "landing-page"
}
English keywords: get guidelines, design rules, best practices, coding specs, documentation, how-to
Chinese keywords (中文关键词): 获取指南, 设计规则, 最佳实践, 编码规范, 文档, 如何做
确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。