القائمة
جمع SkillsMP عدد ٥٤ من skills من bitovi/ai-enablement-prompts. افتح أي skill لمراجعة مصدره وتفاصيله.
عرض ٤٠ من أصل ٥٤ skills مجمعة.
Orchestrates the full code-to-Figma rebuild workflow for a web application. Thin dispatcher that delegates all substantial work to subagents and reads only small summary files. Runs eight tracked phases (phase0a, phase0b, phase1, phase2, phase2_5, phase3,…
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 0a. Discovers the complete component architecture of a web application via browser crawling and static code scanning. Produces a topologically-sorted build order and inspects the target Figma file for existing pages and…
لغة النص الأصلي: الإنجليزية
Standalone validator for a completed figma-from-code rebuild. Navigates the live app, screenshots each component in its natural context, and compares against the matching Figma variant. Also used by the Phase 5 orchestrator agent as a reference for the…
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 0b. Discovers all Lucide icons and SVG file assets imported across the codebase via static analysis. Extracts SVG markup and maps which components use which icons. No dev server or Figma access needed.
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 1. Creates Figma variable collections from the project's CSS and Tailwind tokens, extracts the CSS-variable-to-Figma-variable-ID map, and pre-computes all CSS colors as sRGB values.
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 2. Creates the Figma file page skeleton, foundations documentation frames, and container frames needed by later phases. Requires variable collections to already exist.
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 2.5. Captures app screenshots and structured text content for every UI component before Figma building begins. Produces a unified batch manifest to minimize browser navigations.
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 4. Builds full-page screen frames in Figma by composing built component instances into 1440×900 layouts. Validates each screen against app screenshots and iterates up to 3 fix passes.
لغة النص الأصلي: الإنجليزية
Subagent for figma-from-code Phase 5. Validates the completed Figma rebuild by comparing assembled screen frames against app screenshots. Runs fix loops on mismatched screens and produces a structured report.
لغة النص الأصلي: الإنجليزية
Unified skill for figma-from-code Phase 3 per-component pipeline. Executes the full analyze→build→review→fix process (steps 1–7) inline within a single agent. One agent per component, dispatched by the orchestrator in tier order.
لغة النص الأصلي: الإنجليزية
Implement a feature from a spec, plan, or ticket — design, build, test, self-review via the code-reviewer agent, then prep a PR. Manual-invoke only: /implement-workflow:implement <spec, plan, or ticket>.
لغة النص الأصلي: الإنجليزية
Review all commits on the current branch against remote main before opening a PR. Surfaces bad code, bad practices, inconsistencies, and files that should not be committed. Use when about to open a PR and wanting a code review first.
لغة النص الأصلي: الإنجليزية
Suggest a pull request title and description for the current branch. Use when the user wants to open a PR, wants a PR description, or asks what to write for a pull request.
لغة النص الأصلي: الإنجليزية
Get the code ready for deployment by running the project's test, lint, and build commands in order, fixing any issues that arise and rerunning each command until it passes before moving to the next.
لغة النص الأصلي: الإنجليزية
Use this skill when the user asks to "create a plugin", "add a plugin", "make a new plugin", "build a plugin", or wants to package skills into an installable plugin for this marketplace. Guides creating a properly structured plugin under plugins/.
لغة النص الأصلي: الإنجليزية
Explore a Figma file to discover all pages, components, and component sets using the Figma REST API. Use when you need to list components in a Figma file, find component node IDs for Code Connect, or understand the structure of a design file.
لغة النص الأصلي: الإنجليزية
Implement React components from Figma designs. Use after figma-design-react has analyzed the design, or directly with a Figma URL to run analysis and implementation in one shot. Delegates to create-react-modlet for folder structure, then adds Figma-specific…
لغة النص الأصلي: الإنجليزية
Create React components, hooks, or utilities following the modlet pattern. Use when creating any component in packages/client/src/components/. Modlets are self-contained folders with index.ts, implementation, tests, stories (for visual), and optional types.
لغة النص الأصلي: الإنجليزية
Check a React component against its Figma design source and identify differences. Use when reviewing component implementations, syncing designs, auditing visual accuracy, or updating components to match new Figma designs.
لغة النص الأصلي: الإنجليزية
Generate Figma Code Connect mappings that link React components to their Figma counterparts. Use when a component exists in code and needs a Code Connect file so Figma shows real code snippets in Dev Mode. Also triggers on phrases like "connect this component…
لغة النص الأصلي: الإنجليزية
Design React components from Figma files. Use when given a Figma URL to analyze a design and propose React component architecture, props API, and variant handling. Outputs design analysis and suggested API - does not build components. Also triggers on phrases…
لغة النص الأصلي: الإنجليزية
Use this skill when the user asks to "create a skill", "add a skill", "make a new skill", "build a skill", or wants to automate a repeated workflow into a reusable prompt. Guides creating a properly structured Claude Code skill.
لغة النص الأصلي: الإنجليزية
Create new Agent Skills for this project. Use when asked to create a skill, document a workflow, or teach Copilot a new capability. Skills are stored in .github/skills/ and can include instructions, scripts, examples, and resources.
لغة النص الأصلي: الإنجليزية
Create comprehensive feature requirement documents. Use when asked to document a feature, write feature requirements, or create feature specifications. Includes user stories, functional requirements, data model review, workflows, and edge cases.
لغة النص الأصلي: الإنجليزية
Onboard an AI agent to an unknown codebase by generating a comprehensive instructions file. Use when asked to analyze a codebase, generate copilot instructions, create an onboarding document, or teach an AI about a project. Runs a 6-step prompt chain covering…
لغة النص الأصلي: الإنجليزية
Generate a signatures.md file summarizing API signatures with a mermaid dependency graph. Use when asked to document APIs, create an API overview, or generate a signatures file.
لغة النص الأصلي: الإنجليزية
Incorporate answered spec questions back into the spec. Use after the user has answered questions in a spec document.
لغة النص الأصلي: الإنجليزية
Review an implementation spec for contradictions, redundancy, and completeness. Use when asked to review or check a spec against the codebase.
لغة النص الأصلي: الإنجليزية
Implement a spec phase-by-phase with pause points. Use when asked to implement a spec or plan. Creates todo lists and verifies build/tests/lint after each step.
لغة النص الأصلي: الإنجليزية
Build a detailed implementation plan. Use when asked to create a spec, plan, or implementation document. Gathers context from Jira/Figma links via MCP tools and adds numbered questions.
لغة النص الأصلي: الإنجليزية
Check a React component against its Figma design source and identify differences. Use when reviewing component implementations, syncing designs, auditing visual accuracy, or updating components to match new Figma designs.
لغة النص الأصلي: الإنجليزية
Generate Figma Code Connect mappings that link React components to their Figma counterparts. Use when a component exists in code and needs a Code Connect file so Figma shows real code snippets in Dev Mode. Also triggers on phrases like "connect this component…
لغة النص الأصلي: الإنجليزية
Design React components from Figma files. Use when given a Figma URL to analyze a design and propose React component architecture, props API, and variant handling. Outputs design analysis and suggested API - does not build components.
لغة النص الأصلي: الإنجليزية
Implement React components from Figma designs. Use after figma-design-react has analyzed the design. Delegates to create-react-modlet for folder structure, then adds Figma-specific implementation, stories for each variant, Code Connect mapping, and README…
لغة النص الأصلي: الإنجليزية
Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls. Use when visual differences have been identified and you need to find the exact CSS property mismatches to fix. Pairs with the…
لغة النص الأصلي: الإنجليزية
Debug and fix failing Playwright E2E tests. Use when tests fail, when asked to fix failing tests, or when investigating test failures. Analyzes test output, screenshots, error context, and uses Playwright MCP to identify root causes.
لغة النص الأصلي: الإنجليزية
Always start a fresh browser session after any file change, walk through the full user flow, and monitor for errors before proceeding with further work.
لغة النص الأصلي: الإنجليزية
Discover all visual states of a component by interactively exploring the production baseline page — not by reading story files. Finds every interactive element (nav items, dropdowns, toggles, buttons) that produces a distinct visual state, records the…
لغة النص الأصلي: الإنجليزية
Orchestrate a complete visual QA workflow to make a dev/Storybook page match a baseline URL pixel-for-pixel. Combines the visual-diff skill (screenshot comparison) with the computed-styles skill (CSS property extraction) in a loop until the pages match. Use…
لغة النص الأصلي: الإنجليزية
Make UIs responsive across all devices and verify responsiveness using Playwright. Includes scrollbar testing, breakpoint verification, and layout validation. Use when implementing new features, fixing layout issues, or ensuring mobile compatibility.
لغة النص الأصلي: الإنجليزية