From sumik
Comprehensive design-to-code implementation skill covering general design principles, Figma MCP integration, and Figma UI design workflows. General: design system integration, visual parity validation, responsive implementation, accessibility. Figma MCP (13 tools): basic/advanced workflows (Figma Make, Code Connect, Design System Rules, design token sync), visual validation. Figma UI design: wireframe→prototype→detailed design→handoff workflow, 8pt grid, component-driven design, UIStack (5 states), style naming conventions, engineer collaboration. Use when implementing designs from any source (screenshots, mockups, Figma URLs, specs) or when designing mobile UI in Figma and preparing design handoff. Requires Figma MCP server for Figma-specific code generation workflows. For design system architecture and organizational adoption strategy, use building-design-systems instead.
npx claudepluginhub sumik5/sumik-claude-plugin --plugin sumikThis skill uses the workspace's default tool permissions.
詳細な手順・ガイドラインは `INSTRUCTIONS.md` を参照してください。
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
詳細な手順・ガイドラインは INSTRUCTIONS.md を参照してください。