liaocaoxuezhe/get-web-design
Skill Claude CodeCodex
This skill should be used when the user wants to extract a complete DESIGN.md style guide (frontmatter + design thinking + AI style analysis + compressed CSS evidence + negative constraints) from any live website URL. It captures 3 viewport screenshots, samples DOM and computed CSS via chrome-devtools MCP, asks a…
liaocaoxuezhe/FigmaX
Skill Claude CodeCodex
A conversational workflow for creating and editing visual designs in Figma, a collaborative design application, through coding agents.
liaocaoxuezhe/FigmaX
Command Codex
A troubleshooting command for a setup where MCP is connected but the Figma desktop app does not have the FigmaEditor plugin running. MCP is a way for tools to communicate with an AI agent.
liaocaoxuezhe/FigmaX
Command Codex
A command for reviewing a coding session and turning user complaints into proposed skill changes.
liaocaoxuezhe/FigmaX
Command Codex
A command for turning a selected Figma design root node into a reusable template. It asks for template details and extracts the design structure.
liaocaoxuezhe/FigmaX
Cursor rule Cursor
A set of rules for controlling Figma, a collaborative design tool, through Cursor conversations. It covers checks, design choices, canvas work, screenshots, and exports.
liaocaoxuezhe/FigmaX
Instructions file CodexOpenCode
A project instruction file for FigmaX, covering the Codex command-line entry point, main entry points, required session startup steps, drawing practices, and resource references. The input does not explain what FigmaX is.
liaocaoxuezhe/FigmaX
Instructions file
A project instruction file for FigmaX written for Claude Code. It describes the agent entry point, required session startup actions, drawing practices, and available resources.
liaocaoxuezhe/FigmaX
Skill Claude CodeCodex
A workflow for creating visual designs in the Figma desktop app through a coding agent. Figma is a design tool; the workflow can read design context and write design elements to its canvas.