菜单
FontStock UI guidelines (Paper theme, reusable components, Lucide icons). Trigger: When creating screens, components, or styling UI elements.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Protocol for QA, error verification, and skill evolution to prevent recurring bugs.
Guidelines for Domain-Driven Design and Clean Architecture dependency rules. Trigger: When creating new UseCases, Repositories, or planning module structure.
Guidelines for using Drizzle ORM with SQLite. Trigger: When writing SQL queries, migrations, or modifying schema definitions.
Expo Managed Workflow guidelines. Trigger: When configuring app.json, installing native libraries, or dealing with permissions/plugins.
FontStock Database Schema and Seeding. Trigger: When defining tables, relations, or initial data.
FontStock business logic for inventory (expiry, search indexing). Trigger: When calculating dates, validating product inputs, or implementing search filters.
| name | fontstock-ui |
| description | FontStock UI guidelines (Paper theme, reusable components, Lucide icons). Trigger: When creating screens, components, or styling UI elements. |
| license | Apache-2.0 |
| metadata | {"author":"fontstock-arch","version":"1.0","scope":["ui"],"auto_invoke":["Creating/modifying UI Components","Styling a component","Adding an Icon"]} |
| allowed-tools | Read, Edit, Write, Glob, Grep, Bash, WebFetch, WebSearch, Task |
react-native-paper for all core components.src/presentation/theme/ definitions.lucide-react-native for all icons.useTheme hook to access colors.const theme = useTheme();
<Text style={{ color: theme.colors.primary }}>Hello</Text>
Button, Card, TextInput) over raw React Native ones unless customizing heavily.src/presentation/components/ui/.lucide-react-native.size={24} unless specified.import { Box } from 'lucide-react-native';
<Box color={theme.colors.onSurface} size={24} />
displayLarge, headlineMedium, bodyMedium, labelSmall.