make-interfaces-feel-better
78提升介面精緻度
微小的 UI 細節常讓已完成的產品感覺粗糙。此技能協助 Claude、Codex 和 Claude Code 審查排版、表面處理、動效與互動細節。
Create Technical Drawings With Editable Exports
Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "technical-drawing" from https://skillstore.io/skills/jakubkrehel-technical-drawing.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-technical-drawing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「technical-drawing」。 Illustrate a hollow sleeve from supplied dimensions with an editable length control.
預期結果:
正在使用「technical-drawing」。 Explain how a cover, screws, and housing fit together using supplied geometry.
預期結果:
All 200 static findings are false positives in drawing generation, viewer controls, local packaging, and test fixtures. No evidence found of prompt injection, credential access, exfiltration, or hidden command execution. Model scripts are trusted executable source; imported SVG requires sanitization as documented.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/jakubkrehel-technical-drawing/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/jakubkrehel-technical-drawing?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/jakubkrehel-technical-drawing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-technical-drawing/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/jakubkrehel-technical-drawing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>jakubkrehel. (2026). technical-drawing security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-technical-drawing/audits/1@techreport{jakubkrehel-jakubkrehel-technical-drawing-2026,
author = {jakubkrehel},
title = {technical-drawing security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/jakubkrehel-technical-drawing/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "technical-drawing security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "jakubkrehel"
date-released: "2026-10-13"
url: "https://skillstore.io/skills/jakubkrehel-technical-drawing/audits/1"
identifiers:
- type: other
value: "skillstore:jakubkrehel-technical-drawing:audit:1"
description: "Skillstore immutable audit report identifier"
Create assembled and exploded illustrations with consistent part identities, insertion axes, and optional item callouts.
Explore illustrative dimensions, component spacing, and isolated parts in a local viewer before selecting a CAD workflow.
Create editable diagrams with orthographic views or illustrative sections, while identifying assumptions and unsupported details.
Create a technical illustration of [object] from [reference]. Use one parallel view, record estimated features, and deliver editable SVG.
Create assembled and exploded views of [assembly] using [parts and dimensions]. Keep shared geometry and include a parts list with verified quantities.
Build a standalone viewer for [object] with [validated parameters], part isolation, line colors, and SVG, PNG, and PDF downloads. Verify matching exports.
Use [authoritative geometry], [units], and [drafting standard] for aligned views and [section plane]. Verify dimensions and exports; report missing evidence before fabrication claims.
作者
jakubkrehel授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
f724e5ddeab3ef1095ae4003817a9839211a81d7
維護新鮮度
2026/10/15
使用量
0 次下載 · 0 次瀏覽
提升介面精緻度
微小的 UI 細節常讓已完成的產品感覺粗糙。此技能協助 Claude、Codex 和 Claude Code 審查排版、表面處理、動效與互動細節。
Build and Compare UI Variants
Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.
Improve Responsive Layouts and Reading Order
Interface layouts can lose clarity or clip content when resized, translated, or mirrored. This skill guides focused fixes for grouping, alignment, spacing, and responsive structure.
Build Consistent Color Systems and Check Contrast
Scattered colors and unclear token roles make themes difficult to maintain. This skill guides palette generation, semantic naming, and contrast reviews using your project conventions.
Improve Web Typography and Readability
Inconsistent sizes, cramped spacing, and hidden text make interfaces harder to read. This skill guides typography reviews and styling fixes using existing CSS or Tailwind conventions.
Polish Interfaces with Precise UI Guidance
Small inconsistencies in motion, surfaces, and icons can make an interface feel unfinished. This skill provides concrete rules and values for focused improvements.
建立幾何 SVG 標誌
由 Dwsy
團隊需要不依賴繁重設計工具的可縮放標誌。此技能會引導 Claude、Codex 和 Claude Code 使用 Python 產生乾淨的 SVG 標誌。
Create Images and Editable Vectors with Eye.Art
由 jacobwell
Visual projects need new images, precise edits, and assets that fit existing designs. This skill guides those workflows through the Eye.Art remote MCP service.
Build Interactive Isometric Technical Explainers
由 wheresryan22
Technical concepts can be difficult to explain with static diagrams. Anatomy guides assistants to build detailed physical mechanisms with interactive motion and consistent numeric readouts.
從文字提示建立 SVG 圖稿
由 0x6a77
設計師和開發者經常需要根據書面想法快速取得向量圖稿。此技能會使用 Gemini 生成影像、進行描摹,並儲存為 SVG 檔案。
Create Branded Technical Diagrams
由 cathrynlavery
Technical diagrams often become inconsistent, crowded, or inaccessible. This skill applies structured layouts, brand tokens, accessibility checks, and export workflows.
產生架構圖
由 Cocoon-AI
團隊需要清楚的技術圖表,以呈現系統、網路和雲端服務。這項技能會引導 AI 工具產生含有內嵌 SVG 的深色獨立 HTML 圖表。