Figma Create Design System Rules
技能 活跃Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
To establish consistent, project-specific design conventions for AI coding agents, ensuring adherence to team standards during Figma-to-code workflows.
功能
- Generates custom design system rules
- Supports multiple AI coding agents (Claude Code, Codex CLI, Cursor)
- Analyzes codebase for component organization and styling
- Provides templates for various rule categories (components, styling, assets)
- Ensures consistent Figma-to-code implementation
使用场景
- Starting a new project with established Figma-to-code conventions
- Onboarding AI coding agents to existing projects with specific patterns
- Standardizing Figma implementation workflows across a team
- Users requesting to 'create design system rules' or 'customize guidelines'
非目标
- Replacing the Figma MCP server or Figma itself
- Directly implementing UI components from Figma
- Providing generic design system rules without project context
Trust
- warning:Issues AttentionThere are 30 open issues and 6 closed issues in the last 90 days, resulting in a low closure rate, indicating slow maintainer response.
安装
npx skills add openai/skills通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
类似扩展
使用我的浏览器
100当工作依赖于用户实时浏览器会话或可见的渲染状态，而不是静态抓取时使用，尤其是在浏览器调试上下文或 DevTools 选择的元素或请求、登录仪表板或 CMS 流程、localhost 应用、上传、下载、媒体检查、DOM 或 iframe 检查、Shadow DOM，或看起来像软 404、身份验证墙、反机器人检查或速率限制的浏览器故障时。
Github
100Use gh for GitHub issues, PR status, CI/logs, comments, reviews, releases, and API queries.
Openclaw Testing
100Choose, run, rerun, or debug OpenClaw tests, CI checks, Docker E2E lanes, release validation, and the cheapest safe verification path.
Cli Creator
100Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read/write commands, return stable JSON, manage auth, and pair with a companion skill.
Figma Generate Library
100从代码库在 Figma 中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置主题（浅色/深色模式）、记录基础或协调代码和 Figma 之间的差距时使用。此技能教授要构建什么以及按什么顺序 — 它补充了教授如何调用插件 API 的 `figma-use` 技能。两个技能应一起加载。
Design System
98Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.