跳到正文
cccskills
免费在 GitHub 公开

figma

Inspect Figma screens to gather details for implementation, including component variants, spacing, shared design settings, and image assets. It helps an agent understand layouts and design libraries before turning a design into code.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Inspect Figma designs and generate implementation context for screens and interfaces. Use to read component variants, spacing and design tokens, inspect layouts and design-system libraries, and extract image assets for implementing a design through Figma's official MCP server.

集成工具Figma
查看安装方法

适用场景

  • Gathering implementation details from a Figma screen
  • Checking component variants and spacing
  • Extracting image assets for implementation
  • Inspecting shared design settings and libraries

包含的文件(7)

  • SKILL.md3.7 KB
  • connector_auth_config.yaml247 B
  • manifest.yaml3.0 KB
  • references/canvas-editing.md2.1 KB
  • references/code-connect.md1.4 KB
  • references/design-to-code.md1.7 KB
  • references/diagrams.md1.3 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Figma

Use the installed figma CLI. Start with figma status. If it reports not_connected, run figma authorize-url and share only the returned connect_url with the user.

OAuth uses Dynamic Client Registration and PKCE through authd. Figma issues a per-registration confidential client; authd stores its generated secret outside the runtime cell, so credentials must never be requested in chat.

Run figma list-tools to inspect the live provider catalogue and schemas, then call an advertised tool with:

figma call-tool --name <tool> --arguments-json '<json-object>'

list-tools exposes only reviewed Figma tools and includes each tool's hatch_permission, hatch_action, and hatch_permission_label. Unknown or new provider tools remain unavailable until reviewed. Read permissions follow the user's connector settings; design, file, asset, Code Connect, plugin, and shader changes require granular approval. Do not retry a failed or timed-out write automatically because its side effect may have completed.

Load Figma's provider skills

Before calling a tool whose description requires a Figma skill, fetch that skill with get_figma_skill and follow its prerequisites. These skill:// URIs refer to resources on Figma's MCP server. For example, before create_new_file, read:

figma call-tool --name get_figma_skill --arguments-json '{"uri":"skill://figma/figma-create-new-file/SKILL.md"}'

Use the skill URI advertised by the tool. If the relevant URI is unknown, fetch skill://index.json with the same tool and select the matching skill. Fetch supporting references only as needed, resolving relative paths against the parent skill URI. Reuse guidance already loaded for the current task; there is no need to install or copy these provider skills into the local skill directory. Skill reads use the designs.read permission.

Call get_figma_skill only when advertised by list-tools. If the tool is unavailable or Figma confirms that a skill is missing, continue using the live tool description, schema, and local guides only when the skill is optional (for example, "if it exists"). If the skill is required unconditionally, stop the dependent operation and report the missing guidance. Authentication failures, permission denials, timeouts, and other read errors do not establish that a skill is missing. Avoid repeated failed lookups; continue work that does not depend on the unavailable guidance.

Choose the workflow

Read only the guide that matches the task before calling provider tools:

For a Figma URL, extract its fileKey and node-id; convert node IDs from URL form (123-456) to API form (123:456). Inspect the live schema before constructing arguments because Figma can add optional fields without changing this skill.

Avoid redundant catalogue, context, screenshot, and validation calls. Figma applies account- and seat-dependent usage limits, and repeated reads can consume a user's small monthly allowance. Reuse results gathered earlier in the task.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

3d-object

免费

Create a 3D object with three.js, inspect it from every angle in an interactive viewer, and download it as OBJ + MTL or GLB for use in other 3D applications.

中文简介正在准备中。当前显示英语简介。

  • Create a 3D object and inspect it from every angle
  • Export a model for further editing in Blender
  • Review an object's silhouette and materials
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Maintain a private task list with deadlines, next steps, waiting parties, and blockers. Update progress and dependencies, merge duplicate items, and archive closed tasks so ongoing commitments stay clear and easy to follow.

中文简介正在准备中。当前显示英语简介。

  • Record tasks and commitments with deadlines
  • Track pending replies and reasons work cannot proceed
  • Update task dependencies when prerequisites are completed
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

agents

免费

Coordinate a task from a verifiable goal through completion. Handle work directly or split independent tasks across separate agent sessions, track progress, verify results, and arrange pull request merging when included in the goal.

中文简介正在准备中。当前显示英语简介。

  • Split independent tasks across agents
  • Check progress across ongoing tasks
  • Resume a previously started project
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Create animated HTML pages with smooth scene transitions and playback controls. An editable timeline lets users adjust scene lengths and speeds, with fixed landscape or portrait layouts prepared for video export.

中文简介正在准备中。当前显示英语简介。

  • Create an animated product walkthrough
  • Explain a message through moving text and graphics
  • Build a portrait animation for video export
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Review synced Apple Health records, including steps, heart rate, sleep, and workouts. Retrieve daily summaries or detailed samples for a chosen period, and check sync status and missing data before interpreting the results.

中文简介正在准备中。当前显示英语简介。

  • Review daily steps and heart rate over time
  • Check sleep stages, duration, and awakenings
  • Review workout duration, distance, and calories
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Create and edit Word documents and templates, reorganize text, replace images, and work with tracked changes or comments. Apply proper headings and lists, then render every page to check its appearance before delivery.

中文简介正在准备中。当前显示英语简介。

  • Create a structured Word document
  • Reorganize content in an existing document
  • Replace images or text in a document
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

查看 asgeirtj 的全部技能

报告此技能的问题