前端设计 是做什么的?
使用高设计质量创建独特、生产级的前端界面。提供分析工具用于审计现有设计,以及生成工具用于创建配色方案、字体排版系统、设计令牌和组件模板。支持 React、Vue、Svelte 和原生 HTML/CSS。适用于构建 Web 组件、页面或应用程序。关键词:设计、UI、前端、CSS、组件、配色、排版、令牌、可访问性。
创建具有高设计质量的独特、生产级前端界面。提供分析工具用于审计现有设计,以及生成工具用于创建配色方案、字体排版系统、设计令牌和组件模板。支持 React、Vue、Svelte 和原生 HTML/CSS。
jwynia/frontend-design 是一款专注于前端界面设计的 AI 技能,旨在帮助开发者和设计师创建独特且生产级的高质量界面。该技能的核心能力包括设计审计分析工具,用于评估现有设计的优缺点;以及生成工具,能够快速生成配色方案、字体排版系统、设计令牌和组件模板。它广泛支持主流前端框架,如 React、Vue、Svelte,以及原生 HTML/CSS,适用于构建 Web 组件、页面或完整的应用程序。通过关键词如设计、UI、前端、CSS、组件、配色、排版、令牌和可访问性,该技能确保了从视觉一致性到代码可维护性的全面覆盖,是提升前端开发设计效率的实用工具。
npx skills add https://github.com/jwynia/agent-skills/tree/main/skills/frontend-designInstalled? Explore more 研究与数据分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
使用高设计质量创建独特、生产级的前端界面。提供分析工具用于审计现有设计,以及生成工具用于创建配色方案、字体排版系统、设计令牌和组件模板。支持 React、Vue、Svelte 和原生 HTML/CSS。适用于构建 Web 组件、页面或应用程序。关键词:设计、UI、前端、CSS、组件、配色、排版、令牌、可访问性。
This repo contains 5 individual skills — each has its own dedicated page.
Guide AI agents through Godot 4.x GDScript coding best practices including scene organization, signals, resources, state machines, and performance optimization. This skill should be used when generating GDScript code, creating Godot scenes, designing game architecture, implementing state machines, object pooling, save/load systems, or when the user asks about Godot patterns, node structure, or GDScript standards. Keywords: godot, gdscript, game development, signals, resources, scenes, nodes, state machine, object pooling, save system, autoload, export, type hints.
Create and manipulate PDF files programmatically. Use when the user needs to generate PDFs, fill PDF forms, extract PDF content, add watermarks/overlays, or merge documents. Supports both template-based generation (form filling, overlays) and from-scratch creation. Keywords: PDF, document, form, fillable, merge, watermark, extract, text, report.
Design and evaluate presentations that communicate effectively. Use when designing a presentation, creating slides, getting presentation feedback, structuring a talk, or reviewing slides. Keywords: presentation, slides, talk, PowerPoint, Keynote, reveal.js.
Diagnose requirements problems and guide discovery of real needs and constraints
Search the web using Tavily API for high-quality, AI-optimized results with advanced filtering options. Use when you need structured search results, domain filtering, relevance scores, or AI-generated answer summaries. Requires TAVILY_API_KEY. Keywords: tavily, advanced search, filtered search, domain filtering, relevance scoring.
USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.
Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.
Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Agent skill repository discovered by 10x-chat research.
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.