Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
agent-skills
agentic-ai
agentic-workflow
agents
ai
ai-agents
ai-tools
awesome
awesome-list
awesome-readme
claude-design
codex
cursor
design
design-md
design-system
google-stitch
skills
Updated 2026-09-19 08:56:34 +08:00
design-system: Translates an image (or a set of image references — screenshots,
mockups, Figma URLs, live websites) into two mirrored design-system
artifacts:…; product-planner: Vision intake conversation followed by generation of three product
documents — `docs/product-vision.md` (strategy and brand),
`docs/prd.md` (technical spec for…; launch-checklist: Use when the user's product is built (or nearly built) and they want to get it live and accessible to customers. Triggers on phrases like "cr…
Updated 2026-09-19 06:02:32 +08:00
appllama-app-design-skill: Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows,…; appllama-usage: Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn.…
agent-skills
ai-agents
claude
claude-code
claude-code-skill
claude-skills
codex
codex-skill
cursor
design-system
expo
mcp
mobile-app-development
mobile-design
mobile-ui
model-context-protocol
react-native
skills
ui-design
Updated 2026-09-19 03:48:15 +08:00
presentation-deck: Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the…; typography-scale: Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use…; visual-hierarchy: Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new wor…
agentic
agentic-ai
ai
ai-tools
claude-code
design-system
design-systems
prompt-engineering
skills
ux-design
Updated 2026-09-19 03:07:41 +08:00
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
Updated 2026-09-12 02:18:41 +08:00
Extract design primitives from a public website and generate starter token files for your project.
Updated 2026-09-12 02:08:56 +08:00
Use this skill when creating, redesigning, critiquing, reducing, polishing, hardening, or making design decisions for a user-facing interface, brand surface,…
agent-skill
ai-agent
claude-code
claude-skill
design-systems
design-taste
interface-design
mies-van-der-rohe
minimalism
reductive-design
ui-design
ux-design
Updated 2026-05-30 01:54:03 +08:00