📦
content-creator
88创建品牌一致的营销内容
营销团队需要在各个渠道保持一致的内容。此技能可帮助规划、撰写、分析和优化内容，使其符合品牌语调和 SEO 要求。
写作与内容 查看
技能 core-components
📦
core-components
内容修订 r2 安全 ⚙️ 外部命令
构建一致的核心组件接口
UI 工作可能会逐渐偏向硬编码间距、颜色和原始平台组件。此技能引导 Claude、Codex 和 Claude Code 使用核心组件、令牌和可复用布局。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "core-components" from https://skillstore.io/skills/sickn33-core-components.md and its manifest at https://skillstore.io/api/skills/sickn33-core-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“core-components”。 创建一个包含个人资料详情和保存操作的设置屏幕。
预期结果:
响应会建议使用 Screen、ScreenHeader、ScreenContent、VStack、Input 和 Button，并搭配令牌间距和语义化颜色。
正在使用“core-components”。 审查一个使用原始平台组件和内联样式的表单。
预期结果:
响应会识别每个原始组件，将其映射到核心库，并用令牌替换硬编码值。
正在使用“core-components”。 为多个产品状态规划一个可复用卡片组件。
预期结果:
响应会为 loading 和 disabled 视图定义基于令牌的 props、变体、children 组合和状态处理。
安全审计
安全v5 • 2026/7/23 打开版本化报告
All 49 static findings are false positives caused by Markdown code fences and inline code formatting in SKILL.md. The file contains documentation and TSX examples, with no shell commands, Ruby execution, prompt injection, or other malicious intent.
1
已扫描文件
276
分析行数
0
复核项
0
已忽略误报
风险因素
⚙️ 外部命令 (49)
SKILL.md:21-27 SKILL.md:27-31 SKILL.md:31-32 SKILL.md:32-33 SKILL.md:33-34 SKILL.md:34-35 SKILL.md:35-36 SKILL.md:36-40 SKILL.md:40-48 SKILL.md:48-52 SKILL.md:52-53 SKILL.md:53-54 SKILL.md:54-55 SKILL.md:55-56 SKILL.md:56-57 SKILL.md:57-61 SKILL.md:61-63 SKILL.md:63-67 SKILL.md:67-68 SKILL.md:68-69 SKILL.md:69-70 SKILL.md:70-71 SKILL.md:71-72 SKILL.md:72-80 SKILL.md:80-88 SKILL.md:88-94 SKILL.md:94-104 SKILL.md:104-110 SKILL.md:110-118 SKILL.md:118-124 SKILL.md:124-134 SKILL.md:134-138 SKILL.md:138-139 SKILL.md:139-140 SKILL.md:140-141 SKILL.md:141-147 SKILL.md:147-155 SKILL.md:155-161 SKILL.md:161-170 SKILL.md:170-176 SKILL.md:176-185 SKILL.md:185-189 SKILL.md:189-195 SKILL.md:195-199 SKILL.md:199-214 SKILL.md:214-218 SKILL.md:218-238 SKILL.md:238-244 SKILL.md:244-261
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/sickn33-core-components/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/sickn33-core-components?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/sickn33-core-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-core-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/sickn33-core-components.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
sickn33. (2026). core-components security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-core-components/audits/5BibTeX 引用
@techreport{sickn33-sickn33-core-components-2026,
author = {sickn33},
title = {core-components security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-core-components/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "core-components security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-core-components/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-core-components:audit:5"
description: "Skillstore immutable audit report identifier"
比较变体
2 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
Skillstore 使用量更高
作者 / 来源 Skillstore 评分 证据置信度 Skillstore 使用量 已更新
Skillstore 评分
评分依据 证据置信度: 高 55
架构
85
可维护性
87
内容
68
社区
91
规范符合性
你能构建什么
标准化新屏幕
从一开始就使用 Screen、ScreenHeader、ScreenContent 和令牌间距构建屏幕。
重构原始 UI
用核心组件和设计令牌替换原始平台组件和内联样式。
审查组件 API
设计可复用的组件 props，以一致方式暴露令牌、变体和 children。
试试这些提示
使用核心组件
使用核心组件库构建此屏幕。使用令牌间距、语义化颜色，并且不要使用原始平台组件：[screen details]。
应用设计令牌
审查此 UI 描述，并选择间距、颜色和排版令牌。简要说明每个令牌选择：[UI details]。
重构现有标记
将此组件重构为在适当位置使用 Box、Text、HStack、VStack、Button、Input 和 Card。保留行为并移除内联样式：[component]。
设计可复用组件 API
使用基于令牌的 props、变体、loading 和 disabled 状态以及清晰的组合边界创建可复用组件 API：[requirements]。
最佳实践
- 使用设计令牌处理间距、颜色和排版。
- 在使用原始平台基础组件之前，优先使用核心布局组件。
- 保持可复用组件 props 基于令牌并由变体驱动。
避免
- 硬编码像素间距、十六进制颜色或排版值。
- 在应使用核心库的屏幕中混入原始平台组件。
- 在使用令牌 props 会更清晰的地方添加内联样式。
常见问题
此技能会安装组件库吗？
不会。它为现有核心组件库提供使用指导。
我可以将它与 Claude、Codex 和 Claude Code 一起使用吗？
可以。它被编写为这些 AI 编码工具可以遵循的指导。
它支持 React Native 吗？
示例使用 React Native 风格的模式，并且在存在类似组件时效果最佳。
它会选择精确的项目令牌吗？
它会推荐令牌类别，但你应根据项目主题验证名称。
它能替代可访问性审查吗？
不会。你仍然需要进行可访问性检查、平台测试和设计审查。
什么时候应避免使用它？
当项目缺少核心组件库或已批准的设计令牌时，应避免使用它。
开发者详情
作者
sickn33许可证
MIT
Skillstore 修订
r2
版本提示
作者未声明版本。
引用
f9e2c34b4f19c7f3e6b0a1e93227b5f77cc12526
维护新鲜度
2026/7/26
使用量
12 次下载 · 97 次浏览
文件结构
📄 SKILL.md
sickn33 的更多技能
查看全部📦
prompt-engineering-patterns
85用成熟模式改进 LLM 提示词
不一致的提示词会浪费时间，并让 AI 输出难以信任。此技能通过可复用模式、示例、评估步骤和优化工作流来指导提示词设计。
效率 查看
📦
senior-architect
81设计可扩展的软件架构
在 Web、移动端、后端和云系统之间比较架构决策并不容易。此技能为报告、依赖项审查和权衡文档提供结构化指南与本地脚手架脚本。
编码与开发 查看
📦
senior-fullstack
81使用资深级模式构建全栈应用
团队需要针对现代 Web 应用的一致设置、架构和审查指导。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 项目提供脚手架工具、工作流参考和质量提示。
编码与开发 查看
📦
prompt-engineer
81使用 Prompt Engineer 优化 AI 提示词
当目标模糊或复杂时，编写清晰的提示词很困难。此技能会使用经过验证的提示词框架，将粗略请求转化为结构化提示词。
效率 查看
📦
product-manager-toolkit
80利用研究洞察优先安排产品工作
产品团队需要更快的方法来对功能排序、综合访谈内容并记录决策。此技能提供 RICE 评分、访谈分析和 PRD 模板，用于结构化规划。
效率 查看
相关技能
查看全部📦
design-system
82Build Consistent Design Systems and Slides
由 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
设计与创意 查看
📦
design-lint
80Check designs with deterministic CSS rules
由 cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.
设计与创意 查看
📦
extract
79提取可复用的设计系统模式
由 pbakaus
团队经常在应用程序中重复创建 UI 组件、令牌和布局模式。此技能帮助 Claude、Codex 或 Claude Code 找到可复用模式，并将它们整合到一个持续维护的设计系统中。
设计与创意 查看
📦
playwright-testing
86提升 Playwright 测试覆盖率
由 C0ntr0lledCha0s
当配置、定位器和 fixtures 不一致时，Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。
编码与开发 查看
📦
nestjs-code-audit
84Audit NestJS Code with Evidence-Backed Findings
由 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
编码与开发 查看
📦
starknet-js
83使用 starknet.js 构建 Starknet 应用
由 internet-court
Starknet 集成需要精确处理提供程序、账户、交易和费用。此技能为 Claude、Codex 和 Claude Code 提供实用的 starknet.js v9 模式。
编码与开发 查看