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.
farmanlab AI Skills
GitHub ↗Explorez les skills IA publiés de farmanlab et consultez leurs instructions source.
Statistiques de l’auteur
Skills indexés
16Étoiles des dépôts des skills indexés
16Forks du dépôt
0Moyenne des étoiles par skill indexé
1Les étoiles d’un dépôt peuvent se répéter entre ses skills.
Catégories populaires
Indexation récente
Explorer
GitHub
ensuring-prompt-quality
Validates prompt files against best practices. Use after creating or editing rules, skills, agents, commands in .agents/ for quality review.
GitHub
extracting-interactions
Extracts interaction specifications from Figma designs (hover states, transitions, animations, triggers). Updates the "インタラクション" section in screen spec.md.
GitHub
managing-screen-specs
Initializes and updates screen specification documents. Use as a foundation skill for all screen documentation workflows.
GitHub
comparing-screenshots
Compares Figma screenshots with HTML screenshots using pixel-level analysis. Use when verifying visual accuracy of Figma-to-HTML conversion.
GitHub
reviewing-code
Provides code review expertise with constructive feedback. Use when conducting self-reviews before PR creation, quality checks, or best practice validation.
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.
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...
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.
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.
GitHub
extracting-design-tokens
Extracts and documents design tokens (colors, typography, spacing, shadows, etc.) from Figma designs. Updates the "デザイントークン" section in screen spec.md.
GitHub
downloading-figma-assets
Downloads images, icons, and SVGs from Figma designs. Use when extracting visual assets from Figma for implementation.
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.
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.
GitHub
defining-form-specs
Defines form field specifications including validation rules, error states, and submission behavior. Updates the "フォーム仕様" section in screen spec.md.
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.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.