GitHub
converting-figma-to-html
Provides expertise in converting Figma designs to HTML/CSS using Figma MCP tools, with data attributes for content tracking and comprehensive analysis. Use when converting Figma designs to web code.
☆ 1查看技能
farmanlab AI Skills
GitHub ↗浏览 farmanlab 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
16收录技能的仓库 Stars 合计
16仓库 Forks
0平均每个技能的仓库 Stars
1同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
ensuring-prompt-quality
Validates prompt files against best practices. Use after creating or editing rules, skills, agents, commands in .agents/ for quality review.
☆ 1查看技能
GitHub
extracting-interactions
Extracts interaction specifications from Figma designs (hover states, transitions, animations, triggers). Updates the "インタラクション" section in screen spec.md.
☆ 1查看技能
GitHub
managing-screen-specs
Initializes and updates screen specification documents. Use as a foundation skill for all screen documentation workflows.
☆ 1查看技能
GitHub
comparing-screenshots
Compares Figma screenshots with HTML screenshots using pixel-level analysis. Use when verifying visual accuracy of Figma-to-HTML conversion.
☆ 1查看技能
GitHub
reviewing-code
Provides code review expertise with constructive feedback. Use when conducting self-reviews before PR creation, quality checks, or best practice validation.
☆ 1查看技能
GitHub
mapping-html-to-api
Maps HTML content elements to API response fields and generates data binding specifications. Updates the "APIマッピング" section in screen spec.md.
☆ 1查看技能
GitHub
generating-acceptance-criteria
Generates TDD-ready acceptance criteria from screen spec.md. Extracts requirements from features, interactions, flows, and API mappings in Given-When-Then format. Use when creating implementation task specifica...
☆ 1查看技能
GitHub
documenting-screen-flows
Documents screen-to-screen navigation flows, user journeys, and state transitions across multiple screens. Updates the "画面フロー" section in screen spec.md.
☆ 1查看技能
GitHub
refining-screen-specs
Refines screen spec.md by incorporating details from specification documents. Use when enhancing existing screen specifications with business logic, component details, and validation results.
☆ 1查看技能
GitHub
extracting-design-tokens
Extracts and documents design tokens (colors, typography, spacing, shadows, etc.) from Figma designs. Updates the "デザイントークン" section in screen spec.md.
☆ 1查看技能
GitHub
downloading-figma-assets
Downloads images, icons, and SVGs from Figma designs. Use when extracting visual assets from Figma for implementation.
☆ 1查看技能
GitHub
documenting-ui-states
Documents all UI state variations (default, empty, error, loading, success) from Figma designs. Use when defining complete UI specifications before implementation.
☆ 1查看技能
GitHub
orchestrating-figma-to-spec
Orchestrates the complete Figma-to-specification workflow by coordinating multiple specialized agents. Use when converting Figma designs into comprehensive screen specifications.
☆ 1查看技能
GitHub
defining-form-specs
Defines form field specifications including validation rules, error states, and submission behavior. Updates the "フォーム仕様" section in screen spec.md.
☆ 1查看技能
GitHub
defining-accessibility-requirements
Defines accessibility requirements for UI elements including semantic markup, ARIA attributes, focus management, and screen reader support. Updates the "アクセシビリティ" section in screen spec.md.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。