Design distinctive UI with intentional aesthetics and typography. Read the workflow first; save HTML with the offered file tool and return its download link.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Frontend Design
## Workspace delivery
Read this workflow with `skills_read` before designing. When the user requests a saved HTML artifact, your next action after planning is the offered `write_file` tool with a compact, complete document. Planning stays private: do not print a design plan, palette, wireframe, or HTML before the file-tool call. For a compact brief, use concise CSS and markup rather than long comments or redundant declarations. Duplicating source or publishing planning wastes the output budget and can leave the call incomplete. After a successful write, copy the exact Markdown download link from the tool result into your answer, followed by a brief description of the visual direction. Use only tools offered by the host. If a workspace or file tool is unavailable, state that no file was saved. Follow the user's offline/dependency constraints and keep all required content intact.
…
The line at the top of this page pins the label git:20261015.4e92754, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_2eb5vct3z4vqujvq
GET https://markdownregistry.com/api/v1/resolve?ref=zhongkaifu/tensorsharp/frontend-design
GET https://markdownregistry.com/api/v1/blob/39e1bddc8f4e72d01f3b381bbac55e9e69877b66ce710fbd43bce63c450e30c2
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
zhongkaifu/tensorsharp · TensorAgent/skills/algorithmic-art/SKILL.md · Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users…
zhongkaifu/tensorsharp · TensorAgent/skills/canvas-design/SKILL.md · Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user…
zhongkaifu/tensorsharp · TensorAgent/skills/doc-coauthoring/SKILL.md · Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation…
zhongkaifu/tensorsharp · TensorAgent/skills/documents/SKILL.md · Read and write real documents on the device - PDF, XLSX, DOCX, PPTX and CSV. Turn a photo or picture into a PDF…
zhongkaifu/tensorsharp · TensorAgent/skills/find-skills/SKILL.md · Find, inspect and install skills for a requested task. Use when the user asks for a skill or wants new capabilities…
zhongkaifu/tensorsharp · TensorAgent/skills/grill-me/SKILL.md · Interview the user to stress-test a plan or decision, one independent set of questions at a time.
zhongkaifu/tensorsharp · TensorAgent/skills/grill-with-docs/SKILL.md · Interview a plan, record agreed terms and decisions, and return saved document links before questions. Tested with…
zhongkaifu/tensorsharp · TensorAgent/skills/handoff/SKILL.md · Write a concise handoff from the conversation so another agent can continue; redact sensitive values. Tested with…
zhongkaifu/tensorsharp · TensorAgent/skills/internal-comms/SKILL.md · A set of resources to help me write all kinds of internal communications, using the formats that my company likes to…
zhongkaifu/tensorsharp · TensorAgent/skills/market-data/SKILL.md · Use only for current stock/share prices, ticker quotes, and financial market movers. Network switch must be on; no API…
anthropics/skills · skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
bytedance/deer-flow · skills/public/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
anthropics/claude-plugins-official · plugins/frontend-design/skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
mvschwarz/openrig · packages/daemon/specs/agents/shared/skills/process/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…
mvschwarz/openrig · skills/_canonical/process/frontend-design/SKILL.md · Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to…