前端設計 是做什麼的？
建立獨特且具備生產等級的前端介面，提供高品質設計。包含用於審核現有設計的分析工具，以及用於創建色彩調色盤、排印系統、設計令牌和元件模板的生成工具。支援 React、Vue、Svelte 和純 HTML/CSS。適合在建構網頁元件、頁面或應用程式時使用。關鍵字：設計、UI、前端、CSS、元件、調色盤、排印、令牌、可及性。
建立獨特且具備生產等級的前端介面，提供高品質設計。包含用於審核現有設計的分析工具，以及用於創建色彩調色盤、排印系統、設計令牌和元件模板的生成工具。支援 React、Vue、Svelte 和純 HTML/CSS。適合在建構網頁元件、頁面或應用程式時使用。
這個「jwynia/frontend-design」技能旨在協助開發人員和 AI 代理建立具備高設計品質、獨特且可投入生產的前端介面。它提供兩大類工具：一是分析工具，可用於審核現有設計的品質與一致性；二是生成工具，能自動創建色彩調色盤、排印系統、設計令牌（design tokens）和元件模板。該技能支援多種主流前端框架，包括 React、Vue、Svelte 以及純 HTML/CSS。透過產生結構化的設計系統元素，它能幫助團隊在開發過程中維持視覺一致性、加速原型設計，並提升最終使用者體驗的可及性（accessibility）。
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。適合在建構網頁元件、頁面或應用程式時使用。關鍵字：設計、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.