liaocaoxuezhe

9 mods across 2 repositories, 73 stars between them.

get-web-design

01

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…

66 1mo ago A 121 tokens

liaocao-figmaX

02

liaocaoxuezhe/FigmaX

Skill Claude CodeCodex

A conversational workflow for creating and editing visual designs in Figma, a collaborative design application, through coding agents.

7 3mo ago A 187 tokens

faq

03

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.

7 3mo ago A 0 tokens

optimize

04

liaocaoxuezhe/FigmaX

Command Codex

A command for reviewing a coding session and turning user complaints into proposed skill changes.

7 3mo ago A 0 tokens

save_template

05

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.

7 3mo ago A 0 tokens

figma-access

06

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.

7 3mo ago A 69 tokens

FigmaX AGENTS.md

07

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.

7 3mo ago A 613 tokens

FigmaX CLAUDE.md

08

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.

7 3mo ago A 613 tokens

liaocao-figmaX

09

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.

7 3mo ago A 187 tokens