Is your resource open source?
Yes (MIT License)
Is your request for a plugin, widget, agent skill, or developer resource?
Skill
If this is a Skill, which Figma MCP server tools does it use?
This skill is instruction-only — it does not hard-code specific MCP tool calls. It relies on the Figma agent's native canvas capabilities: reading the selected frame's design context to analyze screen type, elements, and copy, and duplicating/editing frames to generate the edge-case states. It is designed to be used alongside the foundational figma-use skill.
What is the URL for your resource repo?
https://github.com/MiukySwift/figma-skill-edge-cases
About the skill
edge-cases takes a selected "ideal state" frame and generates the boundary states it's missing — empty, loading, error, extreme content, permission, and time-based states (22 states across 6 categories) — while staying visually consistent with the original design.
Key behaviors:
- Plan-first: outputs a checklist (recommended / not applicable / needs your call) and waits for user confirmation before generating anything on the canvas.
- Visual consistency: every state is generated by duplicating the original frame, never drawn from scratch — no new components, colors, or fonts are ever invented.
- Clean output: all generated frames are grouped in a Section named
Edge cases — {frame name}, each annotated with its trigger condition and key design decision for developer handoff.
- Alignment aid: the final summary lists open questions (e.g., truncation rules, missing warning colors) to take to product/engineering.
Tested in the Figma agent — a real-output screenshot (login screen → six edge-case states) is included in the repo README.
Is your resource open source?
Yes (MIT License)
Is your request for a plugin, widget, agent skill, or developer resource?
Skill
If this is a Skill, which Figma MCP server tools does it use?
This skill is instruction-only — it does not hard-code specific MCP tool calls. It relies on the Figma agent's native canvas capabilities: reading the selected frame's design context to analyze screen type, elements, and copy, and duplicating/editing frames to generate the edge-case states. It is designed to be used alongside the foundational
figma-useskill.What is the URL for your resource repo?
https://github.com/MiukySwift/figma-skill-edge-cases
About the skill
edge-casestakes a selected "ideal state" frame and generates the boundary states it's missing — empty, loading, error, extreme content, permission, and time-based states (22 states across 6 categories) — while staying visually consistent with the original design.Key behaviors:
Edge cases — {frame name}, each annotated with its trigger condition and key design decision for developer handoff.Tested in the Figma agent — a real-output screenshot (login screen → six edge-case states) is included in the repo README.