Menu
FontStock UI guidelines (Paper theme, reusable components, Lucide icons). Trigger: When creating screens, components, or styling UI elements.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.