Apply Pencil MCP design conventions to kynetic-spec web UI canvases.
npx skills add https://github.com/lepahc/kynetic-spec --skill ui-design-lepahc
Please help me install this Agent Skill. Skill: ui-design Source: https://github.com/lepahc/kynetic-spec/tree/main/.claude/skills/ui-design Command: npx skills add https://github.com/lepahc/kynetic-spec --skill ui-design-lepahc
Pencil MCP conventions and canvas workflows provide a standardized reference for designing kynetic-spec web UI, reducing ambiguity and ensuring consistent results across teams.
Open design.pen and begin applying Pencil MCP conventions to create the first UI canvas.
High-intent search queries and answers about installing and using this skill.
To apply Pencil MCP design conventions for web UI canvas creation, open the design document, load the guidelines, snapshot the initial layout, and iterate the design while maintaining consistent standards across pages like Dashboard, Tasks, and Specs.
UI design guidelines for kynetic-spec provide standardized Pencil MCP conventions and canvas workflows, reducing ambiguity and ensuring consistent design results across teams when outlining dashboards, task lists, and component canvases.
To validate design guidelines against an existing kynetic-spec canvas, load the Pencil MCP conventions into the editor, snapshot the current layout, and check the design alignment for pages like Dashboard and Specs to ensure cohesive results.
You need an active editor state to start designing kynetic-spec web UI pages. The workflow begins by opening the design document and loading the Pencil MCP guidelines to ensure the canvas is initialized with the correct conventions.
Yes, you can use these canvas workflows for both Dashboard and Tasks page designs. The Pencil MCP conventions are applicable across all kynetic-spec design tasks to maintain a unified design language throughout the web UI.
mikanfactoryDesign and implement UI elements in .pen files using Pencil MCP.
iilleaglOrchestrate a UI design workflow from requirements to a .pen file.
MohamedAbdallah-14Translate approved design specs into frames, tokens, and exports via MCP workflow.
JunHyuk-KangGenerate design tokens and component specifications for the Claude Orchestrator UI.
