pencil-ui-design
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
149 skills found
A professional workflow and component library for industrial-grade UI design using Pencil MCP, featuring standardized tokens for color, typography, spacing, and shadows.
Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.
Transforms content to match specific voice profiles, tones, or styles using configurable YAML templates for consistent brand and narrative output.
Technical specification and structural guidelines for the project's single-file HTML/CSS/JS presentation system.
A standardized template for creating and documenting modular Agent Skills to ensure consistent, efficient context engineering across AI agent systems.
Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.
Control Claude Code via MCP protocol for autonomous development. Features persistent sessions, agent teams, precise execution planning, and advanced tool management for complex coding tasks.
A design system and anti-pattern guide to make AI-generated UI look human-crafted. Ensures professional aesthetics by managing color, typography, spacing, and animations for the Toh Framework.
Research agent for Nia: index/search remote codebases, docs, and packages. Optimizes AI context by prioritizing full source indexing over web fetches to reduce hallucinations.
Log ideas, notes, and learning progress chronologically to project archives using a CLI helper tool for systematic knowledge retention.
Create, edit, and manage JSON Canvas (.canvas) files for visual note-taking, mind mapping, and flowcharts in Obsidian.
Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.