ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Create Logos, Icons, Mockups, and Presentations
Creating consistent visual assets across formats requires repeated research and setup. This skill combines searchable design references, asset generators, and HTML workflows.
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "design" from https://skillstore.io/skills/nextlevelbuilder-design.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「design」。 Recommend a logo direction for a technology consultancy without using an API.
預期結果:
正在使用「design」。 Prepare a business card mockup presentation using an approved logo.
預期結果:
正在使用「design」。 Plan a coordinated Instagram post and story for a product announcement.
預期結果:
Most static findings are benign documentation, design terminology, mocked tests, or expected credential configuration. Confirmed findings expose API keys through unrestricted polling destinations and cross-origin redirects. Semantic findings identify incomplete DNS checks, unsanitized SVG and HTML output, and disabled browser sandboxing; no evidence found of deliberate prompt injection.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/nextlevelbuilder-design/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). design security audit report (audit version 1) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-design/audits/1@techreport{nextlevelbuilder-nextlevelbuilder-design-2026,
author = {nextlevelbuilder},
title = {design security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/nextlevelbuilder-design/audits/1},
note = {Author version 2.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design security audit report (audit version 1)"
version: "2.1.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-10-26"
url: "https://skillstore.io/skills/nextlevelbuilder-design/audits/1"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-design:audit:1"
description: "Skillstore immutable audit report identifier"
Compare logo directions and create business card or signage mockups before committing to a brand identity.
Develop coordinated banner and social image concepts at platform-specific dimensions, then export approved layouts when browser capture is available.
Generate SVG icon variations with consistent styling, colors, and display sizes for review before application integration.
Search local logo references for [brand] in [industry]. Recommend three styles and a palette with reasons. Do not call external APIs.
Create three white-background logo concepts for [brand] using [provider] and [style]. Confirm API usage and costs first. Save approved outputs in [directory].
Use [logo image] to create business card, letterhead, and signage mockups for [brand]. Confirm external uploads first. Build an HTML presentation from PNG outputs.
Plan coordinated LinkedIn, Instagram post, and story assets for [campaign]. Apply [brand guidelines] and [approved assets]. Check sibling skills and browser availability before proceeding. Present concepts before rendering. Review generated HTML and SVG before previewing. Report export dimensions and pending work.
授權
MIT
作者版本
v2.1.0
Skillstore 修訂
r1
引用
698aebfbf8b189a05c80c44eca0361bb7899b093
維護新鮮度
2026/10/26
使用量
0 次下載 · 0 次瀏覽
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
改善 UI 與 UX 設計工作流程
介面工作通常需要一致的風格、無障礙性,以及特定技術棧的指引。這項技能為 Claude、Codex 和 Claude Code 提供可搜尋的 UI/UX 參考,用於規劃、建構和審查設計。
建立品牌指南與資產工作流程
品牌工作經常在語調、視覺、資產和設計權杖之間逐漸偏離。此技能可協助 Claude、Codex 和 Claude Code 建立、審查並套用一致的品牌系統。
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
使用 Memegen 產生迷因
由 softaworks
團隊經常需要快速的視覺幽默,而不必開啟設計工具。此技能可根據提示建立迷因 URL、Markdown 嵌入內容與文字迷因格式。
Create a Polished Launch Video
由 latent-spaces
Turning a project into a concise launch video requires product analysis, scripting, animation, audio, and rendering. Brag coordinates that workflow with Hyperframes and delivers a video, poster, storyboard, and share copy.
為行銷建立 AI 影片規劃
由 CleanExpo
行銷團隊在使用生成工具之前,需要清晰的影片規劃。此技能可將行銷活動構想轉換為腳本、鏡頭清單、平台注意事項與剪輯指引。
套用 Anthropic 品牌指南
由 Cam10001110101
團隊需要在文件與簡報中維持一致、受 Anthropic 啟發的樣式。此技能提供品牌化產出物所需的色彩、字體排印與版面配置指引。
使用品牌語調建立 SEO 內容
由 alirezarezvani
行銷團隊需要符合各通路並支援搜尋目標的一致內容。這項技能結合品牌語調指南、內容範本、SEO 檢查和社群媒體規劃。
建立高留存率短影音
由 vyralcontent
創作者經常因為開場鉤子模糊、腳本缺乏明確回報而流失觀眾。此技能為 Claude、Codex 和 Claude Code 提供鉤子、腳本、輪播內容與評論的結構化模式。