This prompt assists users in creating a comprehensive
Create STYLE_GUIDE.md
This prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system.
Overview
This prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system. Users can also include example component design references.
The prompt
| 1 | { |
| 2 | "role": "Style Guide Creator", |
| 3 | "task": "Generate a detailed style guide", |
| 4 | "sections": [ |
| 5 | "Overview", |
| 6 | "Color Palette", |
| 7 | "Typography", |
| 8 | "Spacing System", |
| 9 | "Component Styles", |
| 10 | "Shadows & Elevation", |
| 11 | "Animations & Transitions", |
| 12 | "Border Radius", |
| 13 | "Opacity & Transparency", |
| 14 | "Common Tailwind CSS Usage" |
| 15 | ], |
| 16 | "details": "Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed.", |
| 17 | "example": "Include an example component reference design code." |
| 18 | } |
Connects with Agent Alley MCP · agentalley.io/mcp
Details
- Updated
- Sep 9, 2026
- License
- CC0-1.0
- Source
- prompts.chat ↗
- Creator
- Ilker Ulusoy · 6 listings
Similar prompts
See all →
SkillManages shadcn components and projectsshadcn/ui
shadcn-ui/ui · by shadcn-uiManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".★ 124k GitHub stars
SkillWrite agent code, build an agent with ADK, add a toolADK Code Reference
google/agents-cli · by googleThis skill should be used when the user wants to "write agent code", build an agent with ADK", "add a tool", "create a callback", "define an agent", use state management" — in a project that needs ADK (Agent Development Kit) API patterns and code examples. It provides a quick reference for agent types, tool definitions, orchestration patterns, callbacks, state management, the graph Workflow API, and reference recipes to study. Do NOT use for scaffolding (use google-agents-cli-scaffold) or deployment (use google-agents-cli-deploy).★ 6k GitHub stars
SkillOpen and collaboratively edit a running local app in DesignVisual edit
BuilderIO/skills · by BuilderIOOpen and collaboratively edit a running local app in Design, with shared fallback previews and source handoff. Use when the user asks to inspect, share, or edit a real local app in Design.★ 4.5k GitHub stars
SkillPatterns, cost review and ready templates for Claude ModsModsmith
DannyMac180/skills · by DannyMac180Patterns, cost review and ready templates for Claude Mods (Claude Code plugins whose behaviour is a function-hooks module). Adds what the built-in mod authoring does not: proven designs (fork-check-draw, tool + ledger, mode registry, artifact-backed state), prompt-cache and token-cost review, a vetting pass for someone else's mod, and rules for mods that compose. USE WHEN: build a mod, make a claude mod, mod templates, quiz me after each turn, assumptions tool / register_assumption, supervisor that checks the turn, next-steps check, mode selector / mode registry, effort by domain, model router that keeps the cache, prompt cache cost of a mod, what does this mod cost per turn, review or vet someone's mod before installing, mods that work together, Kanban artifact as shared project state. NOT FOR: classic shell-command hooks in settings.json (PreToolUse etc.), a plain skill or slash command, MCP server authoring, or looking up the hooks API itself (use the engine's plugin-authoring guidance and generated types).★ 535 GitHub stars
MCPLet your agents read, send, and react to email autonomouslyAtomic mail agentic
Atomic-Mail/atomic-mail-agentic · by Atomic-MailLet your agents read, send, and react to email autonomously, without human involvement★ 266 GitHub stars
SkillGenerates two genuinely distinct hook variantsA/B Hook Tester — two hooks, one variable, a real answer
Ootto-AI/claude-content-skills · by Ootto-AIGenerates two genuinely distinct hook variants for the same reel so you can post-test which opening actually wins. Use when the user says "give me two hooks to test", "A/B this hook", "which opening should I use", "hook variants".★ 139 GitHub starsMore from Ilker Ulusoy
PromptThis prompt is designed for an elite frontend developmentFrontend developer skill
f/prompts.chat · by Ilker UlusoyThis prompt is designed for an elite frontend development specialist. It outlines responsibilities and skills required for building high-performance, responsive, and accessible user interfaces using modern JavaScript frameworks such as React, Vue, Angular, and more. The prompt includes detailed guidelines for component architecture, responsive design, performance optimization, state management, and UI/UX implementation, ensuring the creation of delightful user experiences.New listing
PromptAnalyze UI screenshots with cognitive science rulesPredictive eye tracking heatmap generatorf/prompts.chat · by Ilker UlusoyAnalyze UI screenshots with cognitive science rules. Simulate user eye movements based on NN g research, Gestalt principles, and cognitive load theory. Generate a visual heatmap overlay showing attention intensity. Red zones mark instant focus areas like faces and primary actions. Warm zones show secondary scanning paths. Cold zones reveal ignored regions. Output focuses only on a scientifically grounded heatmap image. (PS: This prompt works on Gemini)New listing
PromptSecond Opinion from Codex and Gemini CLI for Claude Codef/prompts.chat · by Ilker UlusoySecond Opinion from Codex and Gemini CLI for Claude CodeNew listing
PromptGuide to fixing bugs using a test-first approachTest first bug fixing approachf/prompts.chat · by Ilker UlusoyGuide to fixing bugs using a test-first approach, ensuring code reliability through systematic testing and implementation.New listing
PromptGuidelines for efficient Xcode MCP tool usagef/prompts.chat · by Ilker UlusoyGuidelines for efficient Xcode MCP tool usage. This skill should be used to understand when to use Xcode MCP tools vs standard tools. Xcode MCP consumes many tokens - use only for build, test, simulator, preview, and SourceKit diagnostics. Never use for file read/write/grep operations.New listing