sumik5/implementing-design
skills/implementing-design/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add sumik5/sumik-claude-plugin implementing-designInstall 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: May 19, 2026, 2:35 AM137.9s1 file scanned
SKILL.md
- name:
- implementing-design
- description:
- >-
- 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.
詳細な手順・ガイドラインは INSTRUCTIONS.md を参照してください。
Related Skills
sumik5/creating-countdown-icons
development
VerifiedTrustedCommunity
カウントダウンアプリ用アプリアイコン（512×512 PNG）を絵文字・背景パレット選択の対話フローで生成するスキル。テキスト・絵文字・斜めストライプ背景を組み合わせたデザインアイコンを出力し、clean版とプレビュー版（白数字重ね）の2枚を提供する。 Use when creating app icons for countdown apps, generating text-based app icons with emoji, selecting icon designs interactively, or producing 512x512 PNG icons with diagonal striped backgrounds. 絵文字候補4択 → 背景パレット4択の対話フローで、ユーザーの意図に合ったアイコンを段階的に確定する。詳細な手順は INSTRUCTIONS.md を参照。
1SKILL.mdUpdated Jun 2, 2026
sumik5/writing-user-stories
testing
VerifiedTrustedCommunity
Guides effective user story creation for software projects covering story templates (As a.../I want.../So that...), common mistakes, technical requirements to story conversion, acceptance criteria writing, and story splitting techniques. Use when writing user stories, converting technical requirements to stories, or improving backlog quality. For product management practices (PRD, roadmap, prioritization), use practicing-product-management instead.
1SKILL.mdUpdated May 23, 2026
sumik5/writing-latex
development
VerifiedTrustedCommunity
LaTeX document creation for Japanese academic reports. MUST load when .tex files are detected. Covers upLaTeX + dvipdfmx setup, minted code highlighting with Japanese font support, equations, figures, tables, and cover pages.
1SKILL.mdUpdated May 23, 2026
sumik5/compressing-epub-images
development
VerifiedTrustedCommunity
EPUB ファイル内の画像（主にスキャン本の JPEG）を再エンコード・リサイズしてファイルサイズを削減するスキル。AskUserQuestion で圧縮レベル選択フローを提供し、実測サンプリングから予測サイズを提示してからユーザーに選ばせる。 Use when: EPUB ファイルが大きく画像圧縮で削減したい時、スキャン本（画像ベース EPUB）の容量を減らしたい時、Kindle などの電子書籍リーダーに転送する前にサイズ最適化したい時。 画像ベース EPUB（スキャン本）と通常 EPUB の両方に対応。書誌情報・xhtml・css は触らず画像のみ再エンコード。
1SKILL.mdUpdated May 23, 2026